如何解决Vimeo iframe 嵌入的视频只会自动暂停其他 Vimeo iframe当播放同一页面上的 YouTube iframe 时,它们不会暂停
我在一个页面上嵌入了 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 举报,一经查实,本站将立刻删除。