视频结束后,请删除嵌入式YouTube播放器
我目前有以下代码在页面上播放youtube视频视频结束后,请删除嵌入式YouTube播放器,youtube,youtube-javascript-api,Youtube,Youtube Javascript Api,我目前有以下代码在页面上播放youtube视频 <div id="player"></div> <script> //Load player api asynchronously. var tag = document.createElement('script'); tag.src = "http://www.youtube.com/player_api"; var firstScriptTag = document.getElementsByTagName
<div id="player"></div>
<script>
//Load player api asynchronously.
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'JW5meKfy3fY',
playerVars: { 'autoplay': 1, 'rel': 0, 'showinfo': 0, 'egm': 0, 'showsearch': 0, },
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
}
function onPlayerStateChange(event) {
//When the video has ended
if (event.data == YT.PlayerState.ENDED) {
//Get rid of the player
}
}
//异步加载播放器api。
var tag=document.createElement('script');
tag.src=”http://www.youtube.com/player_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var播放器;
函数onYouTubePlayerAPIReady(){
player=新的YT.player('player'{
高度:“390”,
宽度:“640”,
videoId:'JW5meKfy3fY',
PlayerBars:{'autoplay':1,'rel':0,'showinfo':0,'egm':0,'showsearch':0,},
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
函数onPlayerReady(事件){
event.target.playVideo();
}
函数onPlayerStateChange(事件){
//视频结束时
如果(event.data==YT.PlayerState.end){
//除掉那个球员
}
}
onPlayerStateChange功能可确定播放机何时完成视频播放。
我怎样才能让这个玩家消失呢?可能是这样的
function onPlayerStateChange(event,element) {
//When the video has ended
if (event.data == YT.PlayerState.ENDED) {
//Get rid of the player
element.style.display = "none";
}
}
如果您使用的是IFRAME API:
function onPlayerStateChange(event) {
//When the video has ended
if (event.data == YT.PlayerState.ENDED) {
//Get rid of the player
event.target.destroy();
}
}
只需删除id为“player”的元素即可。以下是API的文档: