播放按鈕被按下後是否可以執行JavaScript操作?我知道我需要使用onStateChange函數形式Youtube的API。但我真的不知道從哪裏開始?任何幫助?謝謝。播放按鈕被按下後回調 - Youtube嵌入視頻
-
我還發現了一些東西:http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html
播放按鈕被按下後是否可以執行JavaScript操作?我知道我需要使用onStateChange函數形式Youtube的API。但我真的不知道從哪裏開始?任何幫助?謝謝。播放按鈕被按下後回調 - Youtube嵌入視頻
-
我還發現了一些東西:http://apiblog.youtube.com/2011/01/introducing-javascript-player-api-for.html
這裏,你應該能夠輕鬆地擴展的解決方案:嘿,這裏是http://jsbin.com/evagof
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("swfobject", "2.1");
</script>
<script type="text/javascript">
// Update a particular HTML element with a new value
function updateHTML(elmId, value) {
document.getElementById(elmId).innerHTML = value;
}
// This function is called when the player changes state
function onPlayerStateChange(newState) {
updateHTML("playerState", newState);
if(newState === 1){
//if the player is now playing
//add your code here
}
}
// This function is automatically called by the player once it loads
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("ytPlayer");
// This causes the updatePlayerInfo function to be called every 250ms to
// get fresh data from the player
setInterval(updatePlayerInfo, 250);
updatePlayerInfo();
ytplayer.addEventListener("onPlayerStateChange");
}
// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
// The video to load
var videoID = "ylLzyHk54Z0"
// Lets Flash from another domain call JavaScript
var params = { allowScriptAccess: "always" };
// The element id of the Flash embed
var atts = { id: "ytPlayer" };
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"?version=3&enablejsapi=1&playerapiid=player1",
"videoDiv", "480", "295", "9", null, null, params, atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);
</script>
<div id="videoDiv">Loading...</div>
<p>Player state: <span id="playerState">--</span></p>
http://code.google.com/apis/ajax/playground/?exp=youtube#polling_the_player
答案 。 http://jsfiddle.net/masiha/4mEDR/ 享受...讓我知道,如果你有更多的qtns
可能的Youtube做了一些改變,因爲這個問題被張貼,但大部分的答案沒有工作。我發現,最簡單的方法是使用iframe_api(https://developers.google.com/youtube/iframe_api_reference)
下面是一個例子
鏈接不再有效。 – marcovtwout
這是更好然後涉及其他腳本:d – aslamdoctor
真棒,我期待着什麼痛苦,但你的解決方案非常簡單。 –
謝謝,我盡力了! – Sumas