h5元素video无法播放

如上:

<video src="../movie/sky.mpeg" autoplay="" width="800" height="450" style="position: absolute; left: 0px; top: 1px;"></video>

sky.mpeg这个文件刚开始是mp4格式的,也无法播放,后来找了找资料,发现vedio标签支持的编码格式mp4对应的是.mpeg,这也没毛病,我改了后,在桌面上能正常打开:

clipboard.png
可是如上代码放到网页中:

clipboard.png
什么都没有,也不报错,这是为什么?求解答

另:如果直接拷贝video标签内的地址,再新建页面打开:它会下载该文件:如图

clipboard.png
而并不是像以往我们抠图,展示图片,如这样:

clipboard.png
现在我为了防止有可能是因为不同浏览器支持的编码格式不同而导致的影响,加了以下处理:
<video src="../movie/sky.mpeg" autoplay="" width="800" height="450" style="" controls="controls"></video>

        <video src="../movie/sky.webm" autoplay="" width="800" height="450" style="" controls="controls"></video>
        
        <video src="../movie/sky.ogg" width="800" height="450" controls="controls">
        您的浏览器不支持 video 标签。
        </video>

效果如下:

clipboard.png
仍然无法播放

谷歌上复制ogg格式地址打开:

clipboard.png
写成http格式的链接,仍然无法打开:

clipboard.png

阅读 3.1k
1 个回答

可以测试一下浏览器是否支持这种播放类型.
video.canPlayType("video/mpeg")

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题