YouTube API，定義爲一個類和停止視頻

我正在建立一個基於錨點和每個頁面的不同幻燈片的Jquery網站（這一切運行良好，只是想我會給一些背景）YouTube API，定義爲一個類和停止視頻

現在，這是事情。在其中三張幻燈片中，有Youtube視頻需要在離開時自動停止。所以，我已經寫在「後退」按鈕，用下面的字符串連接

onclick="player.stopVideo(); return false"

現在我遇到的問題是YouTube API自動給玩家「球員」，而不是一類的ID，用這條線叫的API

<script> 
var player; 
function onYouTubePlayerAPIReady() {player = new YT.Player('player');} 
</script>

而且這樣

<iframe id="player" src="http://www.youtube.com/embed/TMFINFk_080?&vq=hd720" frameborder="0" allowfullscreen></iframe>

作品完美的iframe後，如預期的代碼。現在，我需要這個課程，因爲我有多個視頻需要在同一頁面上應用停止線，而我完全迷失了。一位朋友建議定義一個函數來將停止命令調用到任何具有類名的東西，但我不知道從哪裏開始。

謝謝。

作爲一個說明：I幀將是理想的，因爲此頁面上有大量的代碼已經和將嵌入視頻會佔用更多的空間，在這個不是太大驚小怪，但該iframe提供支持是理想的

來源

2013-02-26 Drchimpy

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" src="http://www.youtube.com/player_api"></script> 
<script> 
var player; 
function onYouTubeIframeAPIReady() {player = new YT.Player('player');} 
if(window.opera){ 
    addEventListener('load', onYouTubeIframeAPIReady, false); 
} 
</script> 
</head> 
<body> 
<script> 
$(document).ready(function(){ 
}); 
</script> 
<div id="video"> 
    <iframe id="player" width="560" height="349" frameborder="0" src="http://www.youtube.com/embed/vE_0V55Vywc?rel=0&wmode=Opaque&enablejsapi=1"></iframe> 
</div> 
<a href="javascript: void(0)" onclick="player.playVideo(); return false">play</a><br> 
<a href="javascript: void(0)" onclick="player.stopVideo(); return false">stop</a> 
</body> 
</html>

`爲例：http://jsfiddle.net/ckWLs/1/

來源

2014-01-02 01:09:46 user3152221

YouTube API，定義爲一個類和停止​​視頻

回答

相關問題

YouTube API，定義爲一個類和停止視頻