如果打开声音并且设备方向发生变化,则嵌入在移动网站中的多个YouTube播放器将冻结

时间:2019-02-22 07:44:23

标签: javascript html youtube youtube-api youtube-javascript-api

我有一个移动网站,其中包含3个使用api制作的youtube播放列表,如下所示:

yellowplayer = new YT.Player('first', {
    videoId: 'PLzzXVNvzpHwrvyHwGLIHiU2Z1Lii6sVOz',
    playerVars: { 
        'autoplay':1,
        'controls': 0, 
        'loop':1,
        'list':'PLzzXVNvzpHwrvyHwGLIHiU2Z1Lii6sVOz',
        'playsinline':1,
        'mute':1,
        'start':11
    }       
}) 

blueplayer = new YT.Player('second', {
    videoId: 'PLzzXVNvzpHwoT1D9Cd4dnfZwpGIg1u4EI',
    playerVars: { 
        'autoplay': 1, 
        'controls': 0, 
        'loop':1,
        'list':'PLzzXVNvzpHwoT1D9Cd4dnfZwpGIg1u4EI',
        'playsinline':1,
        'mute':1,
        'start':11
    }
})

redplayer = new YT.Player('third', {
    videoId: 'PLzzXVNvzpHwqZaKYqdmPTOw808fmXvyPc',
    playerVars: { 
        'autoplay': 1, 
        'controls': 0, 
        'loop':1,
        'list':'PLzzXVNvzpHwqZaKYqdmPTOw808fmXvyPc',
        'playsinline':1,
        'mute':1,
        'start':11
    }
})

当播放器静音时,一切正常。我可以更改所有设备的方向,并且一切正常。

我通过单击按钮取消视频静音。在旋转设备之前也可以正常工作。

一旦方向改变,一个或两个视频就会暂停。当我尝试检查暂停的播放器状态并重新启动视频时,它立即再次暂停。如果我只取消其中一个视频的静音,而不是全部3个,则一切正常。

只要方向不变或声音不超过一个,视频就可以正常播放。

???

0 个答案:

没有答案