diff --git a/index.html b/index.html
index 4199ea6..ce31eb2 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
     }
 
     .lazyframe{
-      margin-bottom: 50px;
+      margin-bottom: 200px;
     }
     .lazyframe--custom{
       background: #bada55;
@@ -57,27 +57,19 @@
       data-thumbnail="http://placekitten.com/500/281">
     </div>
 
-    <p>Vine video with thumbnail and title from api</p>
+    <p>Iframe with custom thumbnail and title</p>
     <div 
-      class="lazyframe"
-      data-src="https://vine.co/v/Ml16lZVTTxe"
-      data-vendor="vine">
-    </div>
-
-    <p>Vine video with custom thumbnail and title</p>
-    <div 
-      class="lazyframe"
-      data-src="https://vine.co/v/Ml16lZVTTxe"
-      data-vendor="vine"
-      data-title="Custom title"
-      data-thumbnail="http://placekitten.com/500/500">
+      class="lazyframe lazyframe--custom"
+      data-src="https://babeljs.io"
+      data-title="Something completely different">
     </div>
-
-    <p>Vine video with custom thumbnail and title</p>
+    
+    <p>Iframe with custom thumbnail and title that gets executed when in view</p>
     <div 
       class="lazyframe lazyframe--custom"
       data-src="https://babeljs.io"
-      data-title="Something completely different">
+      data-title="Something completely different"
+      data-initinview="true">
     </div>
   </div>
   <script type="text/javascript" src="dist/lazyframe.min.js"></script>