蚌埠住了！ 嘿，大家好！最近发现好多网站的视频，自己嗖的一下就起来了吓一跳！尤其在手机上用，流量消耗嗖嗖的，还不如自己手动点来点去省事儿。所以今天就来教大家几招，怎么让网页视频别自己乱播。

视频自动播放是个啥玩意儿？

栓Q！ 简单视频自动播放就是指网页加载好之后视频就开始自己播放了。以前好像大家都觉得这很方便，但是现在很多浏览器都不太喜欢这种做法了。原因嘛？主要是为了用户体验和节省流量。

为什么浏览器不让自动播放？

浏览器厂商觉得自动播放太容易让人烦了。想象一下：你正在看新闻页面或者玩游戏的时候，突然有个视频开始自己播出来。这会打断你的注意力啊！而且还在消耗流量呢，我跟你交个底...。

自动播放会不会影响手机流量？

捡漏。 移动设备上特别要注意！如果一个视频在后台自动播放声音的话，流量消耗可就大了去了！特别是那些有音效的视频广告之类的。所以现在很多运营商都会限制这类流量的使用。

HTML标签里怎么设置不自动播放

使用autoplay属性

在HTML代码里你可以用autoplay属性来控制视频是否自动播放。 比如：，算是吧...

html

但是有个小问题：现在的浏览器对autoplay属性做了限制。如果你的视频有声音， 欧了！ 那么浏览器可能允许它自动播放；但如果你的视频没有静音，那基本就没戏了。

JavaScript干预大法

JavaScript控制更灵活

.

如何用JS实现？

javascript const video = document.querySelector; // 获取 video 元素，实锤。

video.addEventListener { // 点击事件触发播放时取消静音 this.muted = false; // 取消静音 如果是unmuted则不做任何操作 。注意修改此处逻辑以匹配实际需求；可能需要根据具体情况调整是否取消静音行为。比方说：this.play 或 this.muted = false 等等 。此处示例为取消静音并开始播放 */ // this 指的是 click 事件触发的 video 对象自身；可以根据实际情况调整引用对象指向 */ });

等着瞧。 // 使用 JavaScript 控制 / // 不推荐直接使用 play 方法进行强制触发 autoplay ， 主要原因是被禁止了；通常通过事件触发或自定义方法来实现 */ // 代码 JavaScript 控制 */ // 不推荐直接使用 play 方法进行强制触发 autoplay ，主要原因是被禁止了；通常通过事件触发或自定义方法来实现 */ / 代码 JavaScript 控制 / / 不推荐直接使用 play 方法进行强制触发 autoplay ，主要原因是被禁止了；通常通过事件触发或自定义方法来实现 / / 代码 JavaScript 控制 / / 不推荐直接使用 play 方法进行强制触发 autoplay ，主要原因是被禁止了；通常通过事件触发或自定义方法来实现 / / 代码 JavaScript 控制 / / 不推荐直接使用 play 方法进行强制触发 autoplay ，主要原因是被禁止了；通常通过事件触发或自定义方法来实现/ / 代码仅供参考；实际实现需根据具体情况调整*/

静音大法 vs 用户交互

静音模式下可以自动播放

.

用户交互才能玩转autoplay

• 尽量避免强制 autoplay 设置
• 优先考虑 静音 + 用户交互的方式
• 兼容性测试很重要