如何帶來了Video.js PLAYBUTTON到畫布前即在視頻元素的前面？

我使用video.js做出FrontPage和我又讓這些birds飛來飛去自由地在視頻播放器的前面，所以我設置包含視頻元素，以一個非常消極的z-index股利，但不過，那麼我就可以因爲播放按鈕設置在鳥類（畫布）後面，因爲它是視頻的孩子，所以不按下播放。 enter image description here 我怎樣才能在鳥的面前播放按鈕開頭，這樣我可以按下播放鍵（我將容器的onclick回遷在他們面前的）？如何帶來了Video.js PLAYBUTTON到畫布前即在視頻元素的前面？

代碼：

<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>

來源

2013-10-08 jsky

-1

你可以在你的飛行鳥類覆蓋的點擊播放視頻的事件。

myPlayer.play();

來源

2013-10-08 09:52:02 Abhidev

這的確是答案......是因爲我沒有寫任何代碼？......她走了......答案更新了。 – Abhidev

這聽起來像一個很好的答案。我只是想鍛鍊如何設置的onclick覆蓋。林很新的HTML5 /月/ three.js所。 – jsky

明白了。我直接觸發了按鈕的onclick，這反過來觸發玩家玩你的代碼。感謝，這是一個完美的解決方案。不要這麼倉促的壽;） – jsky

如何帶來了Video.js PLAYBUTTON到畫布前即在視頻元素的前面？

回答

相關問題