html5 video标签不能播放视频,h5 video 视频不能正常播放

在页面中用video标签嵌入了一个视频：

其中 video 的 poster 属性的值和 source 的 src 的值都是存在 json 数组里动态获取的。

这个页面用ios自带的浏览器和qq直接打开时，视频都能正常播放，但是在微信打开，视频就无法播放。安卓都能正常播放。

以下代码是用于视频播放的：

function audioPlay() {

var video = document.getElementsByTagName('video')[0];

console.log(video);

video.load(); // 在更改来源或其他设置后对音频/视频元素进行更新

video.addEventListener('touchstart', function() {

if (!video.palyed) {

video.play();

}

});

}

如果把 video.load() 这个语句放在 touchstart 监听事件里面(就是放在 if 语句前面)，在微信也能正常播放视频，但是会导致没触摸一次视频区域，视频就重新加载一次，也不能暂停，不利于视频播放的效果。

请问这是什么原因造成的啊？有什么办法能解决吗？

html5 video标签不能播放视频,h5 video 视频不能正常播放相关推荐

视频H5 video最佳实践
视频H5 video最佳实践 video的属性 <video id="video" src="video.mp4" controls = ...
video标签android全屏,视频video标签在移动端微信中默认全屏播放的解决方案
最近后盾人移动端上线了,开发挺顺利,但也遇到几个小坑. 后盾人中的视频是用video视频标签引入的,当在微信中打开后盾人,播放视频的时候,视频默认会全屏播放. 安卓和ios下都存在此问题,解决方法如下 ...
video标签和videojs配置（vue视频弹窗组件）
直接摆出一个视屏弹窗的vue组件代码实现效果: 点击父组件中某个按钮后,打开视频弹窗,并且可以通过X按钮关闭优点: 动态生成与销毁video标签,解决hls视频流数据一直在后台请求的问题,避免关闭 ...
html中video标签用法,HTML中的video标签怎么用
HTML中的video标签怎么用发布时间:2020-06-23 19:41:21 来源:亿速云阅读:111 作者:Leah 这篇文章运用简单易懂的例子给大家介绍HTML中的video标签的使用方法 ...
html5截取视频片段,【转】H5 VIDEO标签列表渲染用CANVAS截取视频画面做封面
DQL:data Query language 数据查询语言格式:select[distinct] 字段1,字段2 from 表名 where 控制条件 (distinct: 显示结果时,是否去除重 ...
用 chrome + excel + VBA + XMLHTTP 爬视频网站 video 标签中的 blob:http m3u8 视频资源，ffmpeg 拼接资源
目录一.准备二.实干三.等待四.拼接五.观影及xls工程下载刚刚看了一个视频网站的资源,用 chrome 分析 Network 部分,发现其使用的也是 m3u8 格式 (Html源码图) ...
视频H5页面/视频app怎么做？
一.登录应用之星网站,注册成会员,并激活账号.(非激活账号将不能进行应用制作). 二.点击首页"应用制作"按钮. 三.进入制作页面,点击"高级模式"--> ...
小程序video标签在（华为手机）无法播放.mp4长视频（ios上正常）
问题场景后台上传了有一个大小为700+M的视频文件,结果在小程序播放页面加载一会就会黑屏,并且视频时长也没有解析成功,但是视频路径在浏览器访问是没有问题的.(当时是在小米手机出现该bug) 分析问题 ...
html5网页中用video标签无法播放MP4视频的解决方法
为了避免大家遇到同样的问题我在这里就给大家普及一下html5关于标签的知识吧: 在使用html4协议做网站时我们想要在网页上播放一个视频要不使用flash去播放,要么就是嵌入式页面来实现,对于html ...

html5 video标签不能播放视频,h5 video 视频不能正常播放

html5 video标签不能播放视频,h5 video 视频不能正常播放相关推荐

最新文章

热门文章