写代码遇到一个问题:使用video标签插入视频时,在chrome中无法播放,只显示了一个封面图片,在ie却可以播放。
video的使用是看别人的:
由于照搬别人的代码,我写的代码如下:
<video width="100px" height="100px" src="./images/me.mp4" autoplay></video>
然后出现问题:只有个封面,不能播放视频
解决过程:
- ❌我以为是浏览器兼容问题,查资料发现chrome浏览器只支持H264编码格式的mp4,而mp4有多种格式,所以我下载了个格式工厂(免费)转换了格式。但不是这个问题
- ❌ iis管理器中加入后缀名为.mp4的文件。显示已添加,也不是这个问题。
解决方法:
问了老师,原来是我对video标签还不够熟悉。controls属性是必须要写的,controls 属性提供添加播放、暂停和音量控件。
加上以后视频就能正常播放了:文章来源:https://www.toymoban.com/news/detail-504123.html
<video width="100px" height="100px" src="./images/me.mp4" controls autoplay></video>
文章来源地址https://www.toymoban.com/news/detail-504123.html
到了这里,关于关于使用video标签插入视频时,视频无法播放的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!