HTML5播放器:视频分段播放
生活随笔
收集整理的這篇文章主要介紹了
HTML5播放器:视频分段播放
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
????????本來想試試能不能越過Vip驗證關卡,直接獲取到視頻資源地址的,但是發現拿到的地址只有幾分鐘的,或者十幾分鐘的!
????????想著這應該是視頻分段播放了,獲取每一段視頻資源地址前,先向后臺驗證-請求,廣告就是這么插入的吧!
????????HTML5播放器 無感(讓用戶沒有卡頓的體驗)分段播放視頻,以騰訊視頻為例,可以看到,一開始在其中引入了三個video標簽,兩個是屬于隱藏狀態display:none; preload=auto; (不懂自行百度) 上面兩個video標簽是沒有引入視頻的!
????????由于每段視頻都是有時間長度的,那么該什么時候去獲取新視頻的資源地址呢?
????????如果一直看著html,可以發現在這段視頻結束之前,另一個video已經引入了另一段視頻,并且這個video標簽依然是隱藏狀態!等上一段視頻播放完成之后,上一個video的src的資源地址被清除,被隱藏,引入新視頻的video標簽顯示出來!
????????主要是對video標簽的控制,運用比較靈活
圖片一
圖片二
轉載于:https://my.oschina.net/querying/blog/1551687
總結
以上是生活随笔為你收集整理的HTML5播放器:视频分段播放的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于hexo搭建个人免费博客——基本设置
- 下一篇: nginx的502问题