溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
