YouTube IFrame Player API Docs:点击打开链接
1. 添加div:
<div id="youtube-video"></div>
2.js代码:
<span style="white-space:pre"> </span>var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var ytPlayer;
function onYouTubeIframeAPIReady() {
ytPlayer = new YT.Player("<span style="white-space: pre; background-color: rgb(240, 240, 240);">youtube-video</span>",
{
width: 1442,
height: 796,
videoId:"3dMFkYsvlUo",
loop: 0,
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
},
playerVars: {
showinfo: 0,
rel: 0,
wmode: "opaque"
}
}
);
}
function onPlayerReady(event) {
$("#palyButton").on("click",function() {
ytPlayer.playVideo();
});
}
function onPlayerStateChange(event) {
var playStatus = event.data;
if(playStatus == 0){ //结束
}