1

埋め込まれた YouTube ビデオが再生されているときにページ全体にフェードアウト/または黒い半透明のカバーを配置し、ビデオが終了または一時停止したときに通常に戻すにはどうすればよいですか?

ジャバスクリプト？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を配置position:fixedしbackground-color: rgba(0, 0, 0, 0.75)、プレーヤーからonStateChangedイベントをリッスンして、その上にビデオを配置します。これを機能させるには、javascriptプレーヤーAPIを使用する必要があります。

于 2012-11-21T02:17:55.993 に答える