我将 YouTube iframe 注入准备好的文档中的 div 并将其绑定到单击:
jQuery(document).ready(function($) {
jQuery('.video-thumb').click(function(){
...
$('#player').html('<iframe width="761" height="421" src="http://www.youtube.com/embed/' + $(this).attr('videoid') + '?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>');
...
}
}
我想在视频结束时进行回调。我已阅读有关onYouTubePlayerAPIReady的信息,但必须将其放在文档之外。
我试图通过这个结构外部文件准备加载视频播放器:
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '421',
width: '761',
videoId: '',
playerVars: { autoplay: 1, autohide: 1, showinfo: 0 },
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
但我遇到了一些问题:
- showinfo:0 没用,最后还是有其他视频缩略图
- 我不知道如何更改视频 ID(并重新启动视频?)
- 比第一种方法更多的脚本错误(注入 iframe)
我更喜欢使用第一种方法,但是如何创建视频结束回调?谢谢。