JWPlayer、DIV、jQuery

Question

JW Player（最新5.7バージョン）の背後にあるDIVを、JW PlayerのStartボタンをクリックしてjQueryを使用して無地でフェードインしようとしています。停止ボタンがJW Playerでヒットしたとき（または一時停止するとき）、JW Playerの背後にあるDIVは無地の色でjQueryを使用して消えます。

これをもっと簡単な方法で行う方法についてのご意見はありますか？

Answer 1

あなたがイベントを使用して何かを行うことができますが、この

<div id="wrapper" style="width:400px; padding:30px;"> 
     <div id="media"></div> 
     <script type="text/javascript"> 
      jwplayer('media').setup({ 
       'id': 'playerID', 
       'width': '400', 
       'height': '300', 
       'autostart':'false', 
       'file': './bunny.mp4', 
       'image': './bunny.jpg', 
       'modes': [ 
        {type: 'html5'}, 
        {type: 'flash', src: './player.swf'} 
       ] 
      }); 
      jwplayer('media').onPlay(
       function(event) { 
        document.getElementById('wrapper').style.background = 'orange'; 
       } 
      ); 
      jwplayer('media').onPause(
       function(event) { 
        document.getElementById('wrapper').style.background = 'yellow'; 
       } 
      ); 
     </script> 
</div>