HTML视频无法自动播放问题 |
您所在的位置:网站首页 › vscode视频自动播放 › HTML视频无法自动播放问题 |
很多时候,在网页中将视频作为背景是一个不错的选择,像是很多优秀的游戏官网,看起来仿佛身临其境。酷炫的视频背景能够很好的烘托出网页良好的气氛,动态的画面会在适合的时候为人们带来一种震撼感。 在一些官网上,我们使用他人做好的视频时做为背景时,可能并不会有什么问题。但当有我们自己独立想法的时候,可能会在使用自己准备的视频上设置自动播放时出现问题。 在这里可以向大家推荐下一个不错的视频背景网站https://wedistill.io/,上面有很多可供免费下载的优质视频。 首先正常的视频是在标签中加入 controls 和 autoplay 即可自动播放,例如: 注意加上controls,只加autopslay是不能自动播放的 但是在我曾尝试着自己做视频背景时,发现有很大的问题,在查阅了很多资料过后发现可能与视频声音相关,将视频的声音设置为静音时,即可在链接加载进入时自动播放 静音可以在video里使用muted属性 muted的定义和用法muted 属性是一个 boolean(布尔) 属性。 muted 属性设置或返回音频/视频是否应该被静音(关闭声音)。 最后在video中加入loop属性,即可自动循环播放 将其层级设置为-1,就得到了一个链接进入,自动循环播放的背景视频了! |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |