html5的video標(biāo)簽不能播放如何解決
這篇“html5的video標(biāo)簽不能播放如何解決”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“html5的video標(biāo)簽不能播放如何解決”文章吧。
10年積累的做網(wǎng)站、成都網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有甘南免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
html5的video標(biāo)簽不能播放的解決辦法：1、使用視頻截圖做一個播放按鈕，占位視頻原有位置；2、監(jiān)聽占位按鈕的click事件，使用“video.play()”；3、把占位圖和loading隱藏即可。
IOS-HTML5-Video標(biāo)簽不能播放
h6的video標(biāo)簽 在UIwebview中無法播放，Safari可以，
某些手機(jī)可以某些手機(jī)不行
和video.js實現(xiàn)一致，不嫌棄再引一個兼容包，想有更好體驗的
建議使用https://videojs.com/
想自己體驗一把原理，可以在文章最后拷貝demo代碼運行
傳統(tǒng)的方法在HTML中寫video標(biāo)簽就可以點擊播放啦
BUT，這么寫在IOS 10.3.2/3 11.x.x. iphone 6/6p 7等等幾個測試機(jī)中就不行，但是在個人手機(jī)上又可以，有的手機(jī)可以有的手機(jī)不行。
修改后：
步驟1：使用視頻截圖再做一個播放按鈕，占位視頻原有位置
步驟2: 監(jiān)聽占位按鈕的click事件，使用video.play()，就可以看到視頻有請求在加載了
步驟3: 在加載中的視頻都有一個promise可以拿到，then以后把占位圖和loading隱藏就可以了
tips:
不同手機(jī)/系統(tǒng)會有不同的請求范圍，一般都是分割成3-5個206請求。
console.time("加載毫秒");可以看到加載時間，基本和Charles抓包看到的一致。
不同手機(jī)/系統(tǒng)也會有不同的then表現(xiàn)有的是一點就給返回，有的是需要等視頻全部加載完才返回
視頻DOM的屬性可以拿到當(dāng)前加載了多少，總量是多少，除一下就是百分比，具體屬性可以看 > https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video
線上地址:http://m.soyoung.com/item/detail?type=0&sys=3&item_id=263&cityId=0
demo代碼(方便有些朋友，私信想直接拿走demo啦~)