0

私はvideo.jsを使用してフロントページを作成しており、これらの鳥をビデオ プレーヤーの前で自由に飛び回らせているため、ビデオ要素を含む div を非常に負の z-index に設定していますが、その後、再生ボタンが鳥（キャンバス）の後ろに設定されているため、再生を押さないでください。これは、ビデオの子であるためです。 ここに画像の説明を入力 最初に鳥の前に再生ボタンを配置して、再生を押すことができるようにするにはどうすればよいですか (onclick でコンテナーを鳥の前に戻します)。

コード：

<html>
<head>
    <script>
    function bringPlayButtonInFrontOfBirds(){
     document.getElementsByClassName("vjs-big-play-button")[0].style.zIndex = "200000";
     document.getElementsByClassName("vjs-control-bar")[0].style.zIndex = "200000";

    }
</script>
</head>
    <body onload ="bringPlayButtonInFrontOfBirds()">
    <script>//birdcode
    </script>

    <div id="container" style ="position:absolute; left:28%;top:25%; z-index:-1000;">

      <video id="example_video_1" class="video-js vjs-default-skin" controls  preload="auto" width="640" height="264"
           style ="z-index:1000;"
        data-setup='{"techOrder":["youtube","html5"],"ytcontrols":false}'>
        <source src="http://www.youtube.com/watch?v=g1As9ObURDA" type="video/youtube" />
      </video>

   </div>

    </body>
</html>
4

1 に答える 1

-1

飛んでいる鳥のオーバーレイをクリックすると、ビデオ再生イベントをトリガーできます。

myPlayer.play();
于 2013-10-08T09:52:02.343 に答える