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

明媚de忧伤 2014-11-05 11:22:10

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

...全文

28394 8 打赏收藏转发到动态举报

写回复

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

sucaihuo 2016-12-29

打赏
举报

回复

我想到的原因楼上都有人说了

liuyuhua0066 2014-12-03

打赏
举报

回复

引用 6 楼 u012360487 的回复:

是服务器MIME没有设置

在web.xml 里面设置下mime？

明媚de忧伤 2014-11-19

打赏
举报

回复

是服务器MIME没有设置

Conan君 2014-11-13

打赏
举报

回复

LZ没看过开发者文档吧，这种媒体文件必须要上传到微信的服务器上的，并且3天就会被删除

sujinnianhua 2014-11-12

打赏
举报

回复

有两点解决办法，你可以试一下 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">

天际的海浪 2014-11-06

打赏
举报

回复

不是所有浏览器的video标签都支持mp4格式的，换别的格式试试比如换成ogg或WebM格式的视频

KK3K2005 2014-11-06

打赏
举报

回复

先换一个视频看可以播放不

业余草 2014-11-06

打赏
举报

回复

路径是否正确！！！

html5中使用video.js播放器播放m3u8直播文件，兼容微信浏览器自动播放（亲测有效）。

vue 仿抖音视频列表（兼容微信内置X5浏览器）新增留言功能，优化安卓微信环境境下播放不流畅问题，添加请求下一页数据效果制作仿抖音视频列表遇到很多坑，特别是安卓微信内置浏览器，让人脑壳疼,核心代码不多便于理解图标css使用的事iconfot字体库，优化页面加载速度 http://at.alicdn.com/t/font_1048614_mi5i5ba1uag.css 组件用到了vant 中的swiper滑动组件 ———————————————— 版权声明：本文为CSDN博主「superKM」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/superKM/article/details/87603255 h5 原生 video 属性 webkit-playsinline ios 小窗播放，使视频不脱离文本流，安卓则无效微信内置x5内核， x5-video-player-type="h5-page" 启用H5播放器,是wechat安卓版特性，添加此属性，微信浏览器会自动将视频置为全屏 x5-video-player-fullscreen="true" 全屏设置，设置为 true 是防止横屏 x5-video-orientation 控制横竖屏 landscape 横屏，portrain竖屏；默认portrain poster：封面 src：播放地址 loop防止播放视频结束后，显示腾讯的广告 ———————————————— 版权声明：本文为CSDN博主「superKM」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/superKM/article/details/87603255

vue仿抖音 2019年12月最新更新新增留言功能，优化安卓微信环境境下播放不流畅问题基本介绍制作仿抖音视频列表遇到很多坑，特别是安卓微信内置浏览器，让人脑壳疼,核心代码不多便于理解图标css使用的事iconfot字体库，优化页面加载速度组件用到了vant 中的swiper滑动组件 video原生参数介绍 h5 原生 video 属性 webkit-playsinline ios 小窗播放，使视频不脱离文本流，安卓则无效微信内置x5内核， x5-video-player-type="h5-page" 启用H5播放器,是wechat安卓版特性，添加此属性，微信浏览器会自动将视频置为全屏 x5-video-player-fullscreen="true" 全屏设置，设置为 true 是防止横屏 x5-video-orientation 控制横竖屏 landscape 横屏，po

html结构 <video loop muted playsinline preload="metadata" autoplay> <source src="/resource/img/video/EPIC2024_v3.mp4" type="video/mp4"> </video> 1.muted 必须先静音 2.js 脚本 function onBridgeReady(){ //这个方法在ios能自动播放，在安卓机上还是不可以 Wei

1、在微信内置浏览里视频被自动全屏，可在video标签上加入以下属性，uniapp或H5通用 playsinline="true" webkit-playsinline="true" x5-playsinline="true" 2、目前自动播放的问题还没找到解决的方法，求路过的大神指点一下 ...

39,083

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章