兼容谷歌无声自动播放以及其它浏览器有声自动播放

Chrome视频自动播放需添加muted属性

最新推荐文章于 2024-03-21 14:55:27 发布

原创最新推荐文章于 2024-03-21 14:55:27 发布 · 482 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

JavaScript 专栏收录该内容

56 篇文章

订阅专栏

博客指出Chrome浏览器加载视频时，自动播放需添加muted属性，否则会出现异常。同时还提到要实现其他浏览器有声自动播放，Chrome无声自动播放的处理方式。

chrome加载视频，自动播放需要添加muted属性，否则出现异常
下面处理作用是其他浏览器有声自动播放，chrome无声自动播放

	// video 元素
	<video src="//cdn.xxx.123.mp4" id="video" loop muted autoplay preload="auto"></video>
	
	// 兼容处理方法
	window.onload = function() {
	    var myVideo = document.getElementById("video");
	    if (myVideo.paused === true) {
	        document.getElementById("video").muted = true;
	        document.getElementById("video").play();
	    }
	}