html5 video标签不能播放视频,h5 video 视频不能正常播放
生活随笔
收集整理的這篇文章主要介紹了
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 视频不能正常播放的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Html5table控件,Table W
- 下一篇: 计算机网络课程设计子网划分,计算机网络实