技术CTO-关注编程入门知识,提供编程入门教程

您的位置: 首页 > 前端开发 > html/html5 > 正文

Html5 video标签在微信内置浏览器上无法播放

来源: 技术CTO 阅读:

<video width="320" height="240" controls="controls">
  <source src="videos/test.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

路径是否正确!!!
先换一个视频看可以播放不
不是所有浏览器的video标签都支持mp4格式的,换别的格式试试

比如换成ogg或WebM格式的视频
有两点解决办法,你可以试一下
1.<vedio>标记符使你可以利用多个源文件(通过source元素),只需要加入指向不同视频版本的链接就可以了
例如
        <video width="320" height="240" controls>
        <source src="myvideo.mp4" type="vedio/mp4">
        <source src="myvideo.ogv" type="vedio/ogg">
        <source src="myvideo.webm" type="vedio/webm">
        </vedio>
2可用<embed>标记符,例如安装有flash时
<embed src="myvideo.mp4"   type="application/x-shockwave-flash"
width="320" height="240"  allowscriptaccess="always"
allowfullscreen="true">
LZ没看过开发者文档吧,这种媒体文件必须要上传到微信的服务器上的,并且3天就会被删除

^_^ 如果您热爱技术、热爱编程,想与更多的朋友一起交流学习,欢迎加入本站官方QQ群:345733473 ^_^