小编seb*_*seb的帖子

在悬停/鼠标悬停时启动youtube视频

我想让你的视频开始悬停.当用户将鼠标悬停在另一个视频上时,它会暂停(不停止)...

我被困在悬停命令上.有人可以帮我解决一下吗?

该页面有16个视频,这是来自jsfiddle的工作代码,包含3个视频作为示例.

http://jsfiddle.net/sebwhite/gpJN4/

视频:

<iframe id="player" width="385" height="230" src="http://www.youtube.com/embed/erDxb4IkgjM?rel=0&wmode=Opaque&enablejsapi=1;showinfo=0;controls=0" frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

JAVASCRIPT:

function onYouTubeIframeAPIReady() {
 player = new YT.Player('player', {
     events: {
         'onStateChange': onPlayerStateChange
     }
 });

onYouTubeIframeAPIReady();
function onPlayerStateChange(event) {
 if (event.data == YT.PlayerState.PLAYING) {
     player1.pauseVideo();
     player2.pauseVideo();
 }
Run Code Online (Sandbox Code Playgroud)

javascript youtube onmouseover youtube-javascript-api

2
推荐指数
1
解决办法
1万
查看次数