欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

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

发布时间:2025/3/21 编程问答 15 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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 视频不能正常播放的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。