外部CSSでDIVコンテナのスタイルを作成する

外部CSSでDIVコンテナのスタイルを作成します。

次の myvideo.htmlの例では、playerwrapperというdiv IDを持つdivコンテナにプレイヤーはラップ されています。外部の .css ファイルに、playerwrapper DIVコンテナのスタイルを含む、 すべてのCSSスタイルを持たせています。プレイヤーインスタンスのインスタンスを作成した後ろに、 cssファイルのリファレンスは配置されています。

参考例

次の例はプレイヤーと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>

この記事はお役にたちましたか?