小编给大家分享一下html5中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标签不能播放视频的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
