<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height:'390',
width:'640',
videoId:'A_aYVs_zFA8',
events:{
'onReady':onPlayerReady,
'onStateChange':onPlayerStateChange
}
});
}
function onPlayerReady(event) {
_isPlayerReady = true;
}
function onPlayerStateChange(event) {
switch (event.data) {
case YT.PlayerState.ENDED:
$j = jQuery.noConflict();
$j(".vid-flow").hide();
ShowCustomDialog();
break;
case YT.PlayerState.PLAYING:
break;
case YT.PlayerState.PAUSED:
break;
case YT.PlayerState.BUFFERING:
break;
case YT.PlayerState.CUED:
break;
default:
break;
}
}
</script>
[在JavaScript中,我想在'ytplayer'div上加载YouTube播放器。我正在查看此https://developers.google.com/youtube/iframe_api_reference#Operations有人知道如何删除视频的名称。
我试图获取iframe,但如果执行iframe,我的js代码将无法使用。因此,有人可以选择删除在youtube视频嵌入顶部显示的名称。
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '390',
width: '640',
videoId: 'A_aYVs_zFA8',
playerVars: {
'showinfo': 0
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
[Yusaf Khaliq的答案正确,但是通过更改来强制embed标签在videoID之后接受额外的参数的方法
videoId:'A_aYVs_zFA8',
到
videoId:'A_aYVs_zFA8?showinfo=0&',
您应该可以通过这种方式为任意数量的参数设置字符串,只需将每个参数用&
分开即可。
[不幸的是,自2018年9月25日起,showinfo
属性已被弃用。这意味着不再支持使用API禁用视频顶部信息的机制。
https://developers.google.com/youtube/player_parameters#showinfo