需求分析
通常對於一個H5播放器,應該支持以下幾種功能:瀏覽器
- 支持m3u8播放;
- 支持HTTP-FLV播放;
- 支持RTMP播放;
- 支持直播和點播播放;
- 支持播放器快照截圖;
- 支持點播多清晰度播放;
- 支持全屏或比例顯示;
- 自帶的flash支持極速和流暢模式;
- 自帶的flash支持HTTP-FLV播放;
- 自動檢測IE瀏覽器兼容播放;
那EasyPlayer是怎麼實現的呢?markdown
關於EasyPlayler
EasyPlayer是一款流媒體播放器系列項目,支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多種流媒體協議播放、 支持本地文件播放,支持本地抓拍、本地錄像、播放旋轉、多屏播放、倍數播放等多種功能特性,核心基於ffmpeg,穩定、高效、可靠、可控。app
隨着多年不斷的發展和迭代,不斷基於成功的實踐經驗,發展出包括有: EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。目前支持Windows、 Android、iOS三個平臺,同時EasyPlayer.js還支持Linux平臺。ide
EasyPlayer.js如何實現自動播放?
分析問題
H5中video標籤支持自動播放。Video.js 是一個通用的在網頁上嵌入視頻播放器的 JS 庫,Video.js 自動檢測瀏覽器對 HTML5 的支持狀況,若是不支持 HTML5 則自動使用 Flash 播放器。Video.js實例化video時添加autoplay屬性。測試
通過測試,有些能實現自動播放,有些又不能。緣由是瀏覽器不一樣,底層所支持的不一樣,致使有些能自動播放有些不能自動播放。網站
解決問題
在video.js實例化video標籤時添加autoplay和muted屬性,此時會靜音自動播放。spa