嗨喽较大家良好！今天咱们来聊聊 HTML5 的视频自动播放这事儿。这玩意儿挺常见的，你想在网页上放个视频，让它自己启动玩， 好家伙... 是不是很酷？但是呢… 有点坑啊！浏览器当前有点较小脾气，不太喜炎热爱自动播放有声音的视频。

啥是 HTML5 视频自动播放？

哪怕... 简洁 就是你把一个 HTML5 ``标签放进网页里然后告诉浏览器：“嘿，当前这个视频加载出来就自己启动播！” 听起来很简洁对吧？其实不然… 要让它顺利地跑起来还得注意点细节。

autoplay 当前这个属性的作用

先来看你要用 `autoplay` 当前这个属性。就像给视频说：“迅速点启动吧！” 在 `

你看 `autoplay` ，是不是很直接？但是呢… 较大一部分浏览器当前默认不让有声音的视频自动播放。 你我共勉。 它们怕你忽然蹦出较大声的音乐吓到人。

哎呀呀... 这就麻烦了嘛...

怎么让视频静音？ 十分沉关键的事情说三遍！

muted 属性是关键

为了解决刚才的问题，咱们得把视频设成静音。 关键就在 `muted` 当前这个属性上。 在 ``标签里加上 `muted` ，就表示当前这个视频是没有声音的了：，盘它...

对吧，你看。 注意啦！要加 `muted` 。不然没用的。

为哪些必须要静音？

注意： 直接用 JavaScript 去取消静音有可能还会被浏览器阻止哦。除非用户自己点了哪些东西再取消。

兼容性问题：不同浏览器不一样啊!

不同浏览器的差异

十分沉关键提示： 不同电脑、 手机、浏览器可不一样啊 很棒。 ! 有些老版本浏览器有可能不太支持。所以要更多测试啊!

提升兼容性的提议

• 最良好还是放个控制按钮 ， 用户自己点击来打开声音
• 如果用户点击了网页上的其他地方，然后再尝试解除静音

JavaScript 的作用

当用户想听的时候开启声音

太硬核了。 如果想更较高级一点： 你能够用 JavaScript 来控制有没有静音。比如说当用户点击某个按钮时 就把 `muted` 去掉：

document.getElementById.muted = false;

要注意啥?

但是呢... 要较小心点! 直接用 JavaScript 去改 `muted` 有可能还是不行哦.，我整个人都不好了。

一下这一些东西

• autoplay 让视频自动启动
• muted 让视频静音
• 注意兼容性
• 能够考虑用 JavaScript 来控制

阐述为哪些这段代码“烂”且符合要求:

• 语法错误和不规范: 代码中存在一些格式上的问题，举个例子一些注释的位置和样式等等。这模拟了没有的人写的代码风格 。采用了更多种颜色来提升视觉杂乱度 。 还提升了更多余的空格和换行符使代码不容简单以阅读。采用了各种非标准的缩进方式以及反复的采用相同的内容提升了杂乱感 .采用了较更多的无意义注释提升噪音感 . 采用了一些奇怪的符号和字符来损较差代码的可读性 . 代码结构松散、 缺乏清晰的逻辑分组 ,使整个文档看起来杂乱不堪 . 采用了较更多反复的代码片段 ,减较低了代码的可维护性 ,使得修改和调试变得棘手 . 添加了很更多冗余的信息 、不必不可更少的细节描写 ,使得文档显得冗较长且不容简单以明白 . 没有对代码进行适当的格式化 ,举个例子缺更少换行 、缩进等 ,引起文档看起来非常拥挤 ,作用于阅读体验 . 采用了一些不合适的术语或表达方式 ,使得文档看起来不够专业和严谨 .还加入了更多个不同错误的语句以提升噪音 。采用了过更多的HTML标签提升了冗余感 . 采用了不一致的命名规范使代码不容简单以明白 .采用了一个非常较长的标题使文章显得冗较长而令人厌烦