Error message

User warning: The following module is missing from the file system: fast_404. For information about how to fix this, see the documentation page. in _drupal_trigger_error_with_delayed_logging() (line 1143 of /mnt/www/html/ooyala/docroot/includes/bootstrap.inc).

Configurar estilo del contenedor DIV con CSS externo

Puede configurar el estilo del contenedor DIV con un CSS externo.

En el siguiente ejemplo myvideo.html, el reproductor es envuelto en un contenedor div con el id de div de "playerwrapper". Utilizamos un archivo .css externo para mantener todos los estilos css, incluidos los del contenedor DIV "playerwrapper". Tenga en cuenta que la referencia del archivo css se localiza después de crear una instancia del reproductor.

Ejemplo

El ejemplo siguiente muestra cómo configurar el estilo del vídeo y el contenedor div.

<!DOCTYPE HTML>
<html>
     
<head>
         
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
                 
<script src='http://player.ooyala.com/v3/MzZiMzc1ZDUzZGVlYmMxNzA3Y2MzNjBk'>
 </script>

</head>

<body>
   <h2>PLAYER V3 SHOWS BELOW THIS LINE</h2>
   <div id=’playerwrapper’> </div>
          
<script>    
    OO.ready(function() {
       var embedCode = "45cmZqNDrKn7TvtpfGa9k9fQSeyK4VaI";
       var player = OO.Player.create('playerwrapper',embedCode, {
                    width: '800px',
                    height: '300px' ,
                    css: '/myvideo.css'
       });
    });    
 </script>                                                                               
</body>
     
</html>