Only display screenshot if there's no videos added

Author: emilbaehr

_config.yml

@@ -25,10 +25,6 @@ app_icon                                  : # assets/appicon.png
 header_image                              : assets/headerimage.png                    # Replace with alternative image path or image URL.
 device_color                              : black                                     # Set to: blue, black, yellow, coral or white.
 
-# Video
-enable_video_preview                      : true                                      # Set to true to enable video preview instead of a static screenshot.
-                                                                                      # Add .ogg and .mov video files to assets/videos/
-
 # Social Links                                                                        # Enter usernames and email address. If set, they will be presented as links in the footer.
 facebook_username                         :                                           
 instagram_username                        : ebaehr

_includes/screencontent.html

@@ -1,7 +1,21 @@
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 
 {% for file in site.static_files %}
-    {% if file.path contains 'assets/videos' %}
+    {% if file.path contains 'assets/screenshot/' %}
+        <script>
+            $(function() {
+                $(".iphoneScreen").attr('src', '{{ file.path }}');
+                $(".iphoneScreen").removeClass("hidden");
+                console.log("{{ file.path }}");
+            });
+        </script>
+    {% elsif file.path contains 'assets/videos/' %}
+        <script>
+            $(function() {
+                $(".iphoneScreen").addClass("hidden");
+                console.log("remove screenshot");
+            });
+        </script>
         {% if file.extname == ".mov" %}
             <script>
                 $(function() {
@@ -19,30 +33,5 @@
                 });
             </script>
         {% endif %}
-    {% else %}
-        {% if file.path contains 'assets/screenshot' %}
-            <script>
-            (".iphoneScreen").removeClass("hidden");
-            </script>
-        {% endif %}
     {% endif %}
-{% endfor %}
-
-
-
-
-
-<!--
-<div class="videoContainer">
-    <video autoplay="autoplay" controls="controls">
-        {% if video.extname == ".ogg" %}
-        <source src="{{ video.path }}" type="video/ogg">
-        {% endif %}
-
-        {% if video.extname == ".mov" %}
-        <source src="{{ video.path }}" type="video/mp4">
-        {% endif %}
-    </video>
-</div>   
-
--->
+{% endfor %}

_layouts/default.html

@@ -18,12 +18,10 @@
 
                         <div class="videoContainer hidden">
                             <video class="screenvideo" autoplay="autoplay" controls="controls">
-                                <!--<source src="assets/videos/yourvideo.ogg" type="video/ogg">
-                                <source src="assets/videos/yourvideo.mov" type="video/mp4">-->
                             </video>
                         </div>  
 
-                        <img class="iphoneScreen hidden" src="{{ image.path }}" alt="">
+                        <img class="iphoneScreen hidden" src="" alt="">
 
                         {% include screencontent.html %}
 

_sass/layout.scss

@@ -455,5 +455,5 @@ footer {
 }
 
 .hidden {
-	visibility: hidden;
+	display: none;
 }