1

当嵌入的 youtube 视频正在播放时，如何淡出/或在整个页面上放置黑色半透明封面，并在视频结束或暂停时恢复正常？

javascript？jQuery？

据我所知，我不知道足够的编码（只是 html/css）来使用它： https ://developers.google.com/youtube/js_api_reference#Adding_event_listener

我想出了如何使用 API 来调用视频，并在 API 中找到了一些事件监听器代码来调用状态变化的函数（例如播放和结束视频），但我不确定为什么监听器部分不是工作..我在这个级别没有任何API或javascript经验..

$(document).ready(function(){

var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF(
    "http://www.youtube.com/v/TEHWDA_6e3M?enablejsapi=1&playerapiid=ytplayer&version=3",
    "ytapiplayer", 
    "960", 
    "540", 
    "8", 
    null, 
    null, 
    params, 
    atts
);

function onYouTubePlayerReady(playerId) {
  ytplayer = document.getElementById("myytplayer");
  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState) {
   alert("Player's new state: " + newState);
}

});
4

1 回答 1

1

放置一个覆盖整个页面的 div，然后通过侦听播放器的 onStateChanged 事件将视频放在其顶部position:fixed。background-color: rgba(0, 0, 0, 0.75)您必须使用 javascript player api 才能工作。

于 2012-11-21T02:17:55.993 回答