我在Wordpress网站上的Revolution Slider中使用了一个不错的youtube视频。今天我更新了Revolution Slider,因为它不再在Google Chrome中自动播放视频。随着更新(5.4.8),视频再次工作,但没有声音。静音功能切换为“关闭”。翻转是没有效果的。
重要说明:不再允许对具有声音的自动播放视频视频的新浏览器/设备限制在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>