Arregla problema de estilos cuando JavaScript está desactivado

2 files changed, 8 insertions, 1 deletions

diff --git a/librevideojs-html5-player.php b/librevideojs-html5-player.php
index c7fb33b..e7b783f 100644
--- a/librevideojs-html5-player.php
+++ b/librevideojs-html5-player.php
@@ -221,12 +221,14 @@ EOT;
     }
     $output = <<<EOT
     <div class="LibreVideoJS">
-    <video id="$player" class="cliplibre-js-responsive-container librevjs-hd cliplibre-js librevjs-libre-{$_skin}-skin" {$controls}{$preload}{$autoplay}{$loop}{$muted}{$poster} data-setup='{}'>
+    <video id="$player" {$controls}{$preload}{$autoplay}{$loop}{$muted}{$poster} data-setup='{}'>
         {$src}\n\t\t{$calidades}{$track}{$_no_browser}
     </video>
     </div>
     <script>
     // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
+    var librestyle = document.getElementById("$player");
+    librestyle.className += " cliplibre-js-responsive-container librevjs-hd cliplibre-js librevjs-libre-{$_skin}-skin";
     cliplibrejs('$player',{plugins:{resolutionSelector:{force_types:['video/webm','video/ogg','video/mp4'],default_res:"$resolution"}},nativeControlsForTouch: false});
     // @license-end
     </script>
diff --git a/librevideojs/css/quality-selector.css b/librevideojs/css/quality-selector.css
index 972f0d5..9758238 100644
--- a/librevideojs/css/quality-selector.css
+++ b/librevideojs/css/quality-selector.css
@@ -47,3 +47,8 @@ ul li.librevjs-menu-title.librevjs-res-menu-title:hover {
 div.LibreVideoJS {
     margin-bottom: 20px;
 }
+
+video {
+    max-width: 100%;
+    height: auto;
+}