enhance responsiveness

Author: benIT

.env

@@ -32,7 +32,7 @@ APP_ABOUT='Welcome to this app. e-media video streaming'
 
 #x_sendfile_mode configuration
 #set the following variable to true, if you want to use webserver to stream file instead of php. But you must [configure your webserver](https://github.com/benIT/e-media/wiki/Webserver) to use it.
-USE_X_SENDFILE_MODE=false
+USE_X_SENDFILE_MODE=true
 
 #set the following variable to the nginx location for serving large files. [see configure your webserver](https://github.com/benIT/e-media/wiki/Webserver)
 NGINX_LOCATION_X_SEND_FILE=stream-files

app/Resources/views/home/index.html.twig

@@ -9,9 +9,9 @@
             {% if latestVideos %}
                 <h2><span class="slabtext">{% trans %}lastest_videos{% endtrans %}</span></h2>
                 {% for  video in latestVideos %}
-                    <div class="col-md-4">
+                    <div class="col-md-4 col-sm-4">
                         <em><a href="{{ path('video_show', {'id':video.id}) }}">{{ video.title |slice(0,20)}}</a></em>
-                        <video id="my-video" class="video-js" controls preload="none" width="200px"
+                        <video id="my-video" class="video-js js-default-skin vjs-16-9" controls preload="none" width="200px"
                                poster="{{ asset('assets/dist/image/video-poster.png') }}"
                                data-setup="{}">
                             <source src="{{ path('video_download',{'id':video.id}) }}" type='video/mp4'>

app/Resources/views/video/show.html.twig

@@ -5,7 +5,7 @@
     <div class="row marketing">
         <div style="background-color: #eceeef;border-radius: 3px; padding: 20px" class="col-lg-12">
             <p class="lead"> {{ video.description }}</p>
-            <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
+            <video id="my-video" class="video-js js-default-skin vjs-16-9" controls preload="auto" width="640" height="264"
                    poster="{{ asset('assets/dist/image/video-poster.png') }}"
                    data-setup="{}">
                 <source src="{{ path('video_download',{'id':video.id}) }}" type='video/mp4'>

src/AppBundle/Tests/Controller/VideoControllerTest.php

@@ -9,7 +9,7 @@ class VideoControllerTest extends WebTestCase
     /*
     public function testCompleteScenario()
     {
-        // Create a new client to browse the application
+        // Create a new client to browse the applicationq
         $client = static::createClient();
 
         // Create a new entry in the database