问题描述
我在一个页面上嵌入了 4 个视频。 2 个 Vimeos 和 2 个 YouTube。我正在使用 YouTube API 以便在单击另一个视频时暂停页面上的任何视频。它工作得很好。然而,Vimeos 只为彼此自动暂停,而不是 YouTube。这是页面的链接:
我想答案可能在这个页面 https://github.com/vimeo/player.js 上,但是我的 js 不是很好。提前致谢!
这是代码:
var tag = document.createElement('script');
tag.src = "https://youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);
onYouTubeIframeAPIReady = function onYouTubeIframeAPIReady() {
player1 = new YT.Player('player1',{
events: {
'onReady': onPlayerReady
}
});
player2 = new YT.Player('player2',{
events: {
'onReady': onPlayerReady
}
});
}
if($(window).width() <= 860){
function onPlayerReady(event) {
event.target.mute();
event.target.playVideo();
}
}
$('.playbtn2,.playbtn3,.playbtn4').click(function(){
player1.stopVideo()
});
$('.playbtn1,.playbtn4').click(function(){
player2.stopVideo()
});
$('.playbtn1,.playbtn2,.playbtn4').click(function() {
$('#player3').stopVideo();
});
$('.playbtn1,.playbtn3').click(function() {
$('#player4').stopVideo();
});
// Prevents auto fullscreen and enables inline play on iOS devices
$data['html'] = str_ireplace("allowfullscreen"," playsinline=1 webkit-playsinline=1",$data['html']);
$data['html'] = str_ireplace("?feature=oembed","?autoplay=0&playsinline=1&webkit-playsinline=1",$data['html']);
//end
})( jQuery );
也在下面尝试了这段代码,它实际上可以暂停 Vimeo。然后我刷新了页面,它停止工作了,好奇怪。
var iframe = $('#player3')[0];
var player = new Vimeo.Player(iframe);
$('.pausethis').click(function() {
player.api('pause');
});
是否需要一些代码来初始化 Vimeo 播放器?我一直在网上寻找答案,但似乎没有任何效果。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)