谷歌浏览器html视频自动播放

 自己找这个功能找了很久，希望对大家有用吧

方法一

加上muted静音属性，autoplay就会起作用，

<video id="video" src="video/pss.mp4" autoplay="autoplay" muted="muted"></video>

 方法二

iframe里放空音频（没声音的音频），video里放想要播放内容这样就可自动播放 

<iframe src="audio/录音002.mp3" style="display: none;"></iframe>
<video id="video" src="video/pss.mp4" autoplay="autoplay"></video>

 

附上简易暂停，禁音按钮

<button class="play">暂停</button>
<button class="muted">静音</button>

$('.play').click(function(){
	if($('#video')[0].paused){
		$('#video')[0].play();
		$('.play').text('暂停');
	}else{
		$('#video')[0].pause();
		$('.play').text('播放');
	}
});
$('.muted').click(function(){
	if($('#video')[0].muted){
		$('#video')[0].muted = false;
		$('.muted').text('静音');
	}else{
		$('#video')[0].muted = true;
		$('.muted').text('正常');
	}
});