Youtube api 针对特定的iframe ID?
我有一个页面有多个youtube视频。我希望在有人单击每个视频对应的链接时播放视频 例如:当有人单击video 2链接时,会播放video 2 HTML 只需点击视频1即可 这是一个按照您的预期工作的方法 我已经删除了第二个脚本标记,并修改了第二个iframe和a标记的idYoutube api 针对特定的iframe ID?,youtube-api,youtube-iframe-api,Youtube Api,Youtube Iframe Api,我有一个页面有多个youtube视频。我希望在有人单击每个视频对应的链接时播放视频 例如:当有人单击video 2链接时,会播放video 2 HTML 只需点击视频1即可 这是一个按照您的预期工作的方法 我已经删除了第二个脚本标记,并修改了第二个iframe和a标记的id var ytplayer, ytplayer2; function onYouTubeIframeAPIReady() { ytplayer = new YT.Player('ytplayer', {});
var ytplayer, ytplayer2;
function onYouTubeIframeAPIReady() {
ytplayer = new YT.Player('ytplayer', {});
ytplayer2 = new YT.Player('ytplayer2', {});
}
$(document).ready(function () {
$("#start").click(function () {
ytplayer.playVideo();
return false;
});
$("#start2").click(function () {
ytplayer2.playVideo();
return false;
});
});
html部分:
<!-- This loads the YouTube IFrame Player API code -->
<script src="http://www.youtube.com/player_api"></script>
<iframe id="ytplayer" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1"
frameborder="0"></iframe>
<a href="#" id="start">Video 1</a>
<br><hr>
<iframe id="ytplayer2" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/WdkT4_OJ2WU?enablejsapi=1"
frameborder="0"></iframe>
<a href="#" id="start2">Video 2</a>
希望这有帮助
var ytplayer, ytplayer2;
function onYouTubeIframeAPIReady() {
ytplayer = new YT.Player('ytplayer', {});
ytplayer2 = new YT.Player('ytplayer2', {});
}
$(document).ready(function () {
$("#start").click(function () {
ytplayer.playVideo();
return false;
});
$("#start2").click(function () {
ytplayer2.playVideo();
return false;
});
});
<!-- This loads the YouTube IFrame Player API code -->
<script src="http://www.youtube.com/player_api"></script>
<iframe id="ytplayer" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1"
frameborder="0"></iframe>
<a href="#" id="start">Video 1</a>
<br><hr>
<iframe id="ytplayer2" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/WdkT4_OJ2WU?enablejsapi=1"
frameborder="0"></iframe>
<a href="#" id="start2">Video 2</a>