From edfbbc0a0fa3503801413c9abd8ee348f7125933 Mon Sep 17 00:00:00 2001
From: ben <benoit.works@gmail.com>
Date: Wed, 31 Jan 2018 16:40:36 +0100
Subject: [PATCH] enhance responsiveness

---
 .env                                                   | 2 +-
 app/Resources/views/home/index.html.twig               | 4 ++--
 app/Resources/views/video/show.html.twig               | 2 +-
 src/AppBundle/Tests/Controller/VideoControllerTest.php | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/.env b/.env
index 53b25ea..dd13bd3 100644
--- a/.env
+++ b/.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
diff --git a/app/Resources/views/home/index.html.twig b/app/Resources/views/home/index.html.twig
index 907d516..5b93054 100644
--- a/app/Resources/views/home/index.html.twig
+++ b/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'>
diff --git a/app/Resources/views/video/show.html.twig b/app/Resources/views/video/show.html.twig
index 233f601..935f615 100644
--- a/app/Resources/views/video/show.html.twig
+++ b/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'>
diff --git a/src/AppBundle/Tests/Controller/VideoControllerTest.php b/src/AppBundle/Tests/Controller/VideoControllerTest.php
index 214437f..fa9749d 100644
--- a/src/AppBundle/Tests/Controller/VideoControllerTest.php
+++ b/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