Question

我在Wordpress网站的Revolution Slider中使用了一个不错的youtube视频。今天，我更新了Revolution Slider，因为它不再能够在Google Chrome浏览器中自动播放视频。通过更新（5.4.8），视频可以再次播放，但是没有声音。静音功能切换为“关闭”。翻转无效。

Answer 1

重要提示：自动播放视频的新浏览器/设备限制带有声音的视频将不再被允许在Chrome，Safari和移动设备中自动播放。因此，在这种情况下，Slider Revolution将自动使视频静音。

来源：video-not-showing-up-on-mobile

解决方案：

这是在移动设备上启用声音的方法。

我们正在使用javascript启用声音

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) { 
    var v = document.getElementsByTagName('video');
    // check for the element to exist in dom
    var checkExist = setInterval(function() {
        if (v.length) {
            // run this code as soon as the element added to the dom
            var isMobile = window.matchMedia("only screen and (max-width: 760px)");
            if (isMobile.matches) {
               if(typeof v[0] != undefined){
                   v[0].autoplay = false; // you can change this as needed [true/false]
                   v[0].defaultMuted = false; // disable defaulMute 
                   v[0].muted = false; // disable mute(enable sound)
                   v[0].play(); // play the video
               }
            }
            clearInterval(checkExist);
        }
    }, 100);
});
</script>

滑块革命没有声音与YouTube视频

1 个答案: