video如何实现有声音自动播放
这篇文章将为大家详细讲解有关video如何实现有声音自动播放，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
video实现自动播放有声音
代码如下：
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible"content="ie=edge">
<title>video播放问题</title>
<style>
#demo{
height:500px;
width:1400px;
}
.demo1{
width:700px;
height:500px;
float:left;
}
.demo1video{
height:400px;
width:400px;
}
.demo2{
width:700px;
height:500px;
float:left;
}
.demo2video{
height:400px;
width:400px;
}
</style>
<script>
functionplay_v1(v){
v.play()
}
functionstop_v1(v){
v.pause();
}
</script>
</head>
<body>
<div>
<divid="v1_box"class="demo1">
<p>1：静音、自动播放</p>
<videoonmouseover="play_v1(this)"onmouseleave="stop_v1(this)"mutedsrc="http://yh3019.oss-cn-beijing.aliyuncs.com/35cc8560068b47d78ee18a118e2982ee/video/e2474c04cbff49089132a92579fb5ac7.mp4"></video>
</div>
<divid="v2_box"class="demo2">
<p>2:有声音、自动播放（至少需要点击一下文档，产生交互）</p>
<videoonmouseover="play_v1(this)"onmouseleave="stop_v1(this)"src="http://yh3019.oss-cn-beijing.aliyuncs.com/35cc8560068b47d78ee18a118e2982ee/video/e2474c04cbff49089132a92579fb5ac7.mp4"></video>
</div>
</div>
</body>
</html>video 实现静音自动播放
<videoid="demo"controls="controls"autoplay="autoplay"muted> <sourcesrc="./conference_2.mp4"type="video/mp4"> </video>
ps: 视频想要实现自动播放，貌似必须加上muted属性
关于“video如何实现有声音自动播放”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
目录
0 条评论
本站已关闭游客评论，请登录或者注册后再评论吧~