HTML视频无法自动播放问题

  很多时候，在网页中将视频作为背景是一个不错的选择，像是很多优秀的游戏官网，看起来仿佛身临其境。酷炫的视频背景能够很好的烘托出网页良好的气氛，动态的画面会在适合的时候为人们带来一种震撼感。
  在一些官网上，我们使用他人做好的视频时做为背景时，可能并不会有什么问题。但当有我们自己独立想法的时候，可能会在使用自己准备的视频上设置自动播放时出现问题。
  在这里可以向大家推荐下一个不错的视频背景网站https://wedistill.io/，上面有很多可供免费下载的优质视频。
  首先正常的视频是在标签中加入 controls 和 autoplay 即可自动播放，例如：

<video src="video/273557707.mp4" controls autoplay></video>

注意加上controls，只加autopslay是不能自动播放的
  但是在我曾尝试着自己做视频背景时，发现有很大的问题，在查阅了很多资料过后发现可能与视频声音相关，将视频的声音设置为静音时，即可在链接加载进入时自动播放
  静音可以在video里使用muted属性

muted的定义和用法

• muted 属性是一个 boolean(布尔) 属性。

• muted 属性设置或返回音频/视频是否应该被静音（关闭声音）。

最后在video中加入loop属性，即可自动循环播放

<video src="video/273557707.mp4" controls muted autoplay loop></video>

将其层级设置为-1，就得到了一个链接进入，自动循环播放的背景视频了！