From a911e0745aa70424a47e4e5ab7eb2c4743e4fae4 Mon Sep 17 00:00:00 2001
From: Romain Neutron <imprec@gmail.com>
Date: Mon, 16 Jul 2012 17:29:54 +0200
Subject: [PATCH] Fix video-js resize

---
 templates/web/common/HTML5Video.html.twig | 12 ++++++++++--
 www/include/jquery.p4.preview.js          |  3 ++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/templates/web/common/HTML5Video.html.twig b/templates/web/common/HTML5Video.html.twig
index aa3b9fa538..fd7a909863 100644
--- a/templates/web/common/HTML5Video.html.twig
+++ b/templates/web/common/HTML5Video.html.twig
@@ -6,12 +6,16 @@
     {% if wrap %}
         <div style="width:{{ displayWidth | round }}px;height:{{ displayHeight | round }}px;" class="thumb_wrapper {{ extraclass | default('') }}">
     {% endif %}
-                
+
     <div class="record record_video imgTips" style="position:relative;width:{{ displayWidth | round }}px;height:{{ displayHeight | round }}px;">
         <video id="video_preview_tooltip" class="videoTips video-js vjs-default-skin" controls autoplay
         preload="auto" xposter="my_video_poster.png" width="{{ displayWidth|round }}" height="{{ displayHeight | round }}"
         data-setup="{}">
         {% for name, subdef in arraySubdefs %}
+            {% if loop.first %}
+            <input type="hidden" name="width" value="{{subdef.get_width()}}"/>
+            <input type="hidden" name="height" value="{{subdef.get_height()}}"/>
+            {% endif %}
             {% if session.is_authenticated() == true %}
                 {% set url = subdef.get_url() %}
             {% else %}
@@ -26,7 +30,11 @@
         $(document).ready(function(){
             try {
                 _V_("video_preview_tooltip", {}, function(){
-
+                    var player = this;
+                    $('#video_preview_tooltip').parent().bind('resize-video-js', function(){
+                        player.width($(this).width());
+                        player.height($(this).height());
+                    });
                 });
             } catch(err) {
                 console.error('An error has been catched during the execution of VideoJS', err);
diff --git a/www/include/jquery.p4.preview.js b/www/include/jquery.p4.preview.js
index cf88443189..db34cd2f16 100644
--- a/www/include/jquery.p4.preview.js
+++ b/www/include/jquery.p4.preview.js
@@ -498,6 +498,7 @@ function setPreview(){
 		top: t,
 		left: l
 	}).attr('width',w).attr('height',h);
+        $('#PREVIEWIMGCONT .record').trigger('resize-video-js');
 }
 
 function classicMode(){
@@ -527,7 +528,7 @@ function closePreview(){
 		cancelPreview();
 		$(this).dequeue();
 	});
-        
+
         $.each($('#PREVIEWBOX video'), function(i,el){
             _V_($(el).attr('id')).destroy();
         });