fix subtitles position and generate css for it

diff --git a/bin/mplayer.pl b/bin/mplayer.pl
index afe5d9d..e303a68 100755 (executable)
--- a/bin/mplayer.pl
+++ b/bin/mplayer.pl
@@ -242,6 +242,30 @@ sub html5tv {
 .active {
        background-color: #ffc;
 }
+
+div#videoContainer {
+       width: $html5tv->{video}->{width}px;
+       height: $html5tv->{video}->{height}px;
+       font-family: Arial, Helvetica, sans-serif;
+       margin: 0 10px 0px 0;
+       position: relative;
+}
+
+
+div#subtitle {
+       bottom: 24px;
+       color: white;
+       font-size: 100%;
+       font-weight: bold;
+       height: 22px;
+       line-height: 1em;
+       margin: 0  0 0 0;
+       padding: 1px 10px 5px 10px ;
+       position: absolute;
+       text-align: center;
+       width: $html5tv->{video}->{width}px;
+}
+
        |;
 
 }

diff --git a/www/tv.html b/www/tv.html
index 949677c..1ff11fe 100644 (file)
--- a/www/tv.html
+++ b/www/tv.html
@@ -38,15 +38,16 @@
 -->\r
                        <p id="videoElementWarning">Viewing these demos requires a browser capable of rendering the HTML 5 video element.<br />Please install a current version of <a href="http://www.mozilla.com">Firefox</a>, <a href="http://www.apple.com/safari">Safari</a> or <a href="http://www.google.com/chrome">Google&nbsp;Chrome</a>.</p>\r
                </video>\r
-               <div id="slide" style="display: inline">\r
-               <img src="media/s/bars.png">\r
-               </div>\r
-               <div id="additional_video" style="display: inline">\r
-               {video_tags}\r
-               </div>\r
                <div id="subtitle"></div>\r
        </div> <!-- videoContainer -->\r
 \r
+       <div id="slide" style="display: inline">\r
+               <img src="media/s/bars.png">\r
+       </div>\r
+       <div id="additional_video" style="display: inline">\r
+               {video_tags}\r
+       </div>\r
+\r
 </div> <!-- videoAndMoreInformation -->\r
 \r
 <div class="toggleContentPanel carouselContainer">Presentation slides</div>\r