[javascript]如何內嵌youtube影音時, mouse over自動播放

有關網頁及相關語法的討論
回覆文章
頭像
tim
文章: 1300
註冊時間: 2008年 11月 26日, 00:49

[javascript]如何內嵌youtube影音時, mouse over自動播放

文章 tim » 2016年 1月 6日, 16:35

http://stackoverflow.com/questions/2070 ... -mouseover

程式需要引入 youtube playapi, 並在 embed code裡新增 enablejsapi 功能:
https://jsfiddle.net/timhuang/vL0hom4c/1/

代碼: 選擇全部

<script src="https://www.youtube.com/player_api"></script>
<iframe id="player1" width="560" height="315" src="https://www.youtube.com/embed/U7mPqycQ0tQ?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0" frameborder="0" allowfullscreen></iframe>
<script>
var obj = new YT.Player('player1');
document.getElementById('player1').onmouseover = function(e) {  
  obj.playVideo();
};

</script>
多多留言, 整理文章, 把經驗累積下來.....

回覆文章