EasyPlayer.js視頻流媒體播放器互聯網無插件微信H5直播方案—如何實現自動播放?

需求分析

通常對於一個H5播放器,應該支持以下幾種功能:瀏覽器

  • 支持m3u8播放;
  • 支持HTTP-FLV播放;
  • 支持RTMP播放;
  • 支持直播和點播播放;
  • 支持播放器快照截圖;
  • 支持點播多清晰度播放;
  • 支持全屏或比例顯示;
  • 自帶的flash支持極速和流暢模式;
  • 自帶的flash支持HTTP-FLV播放;
  • 自動檢測IE瀏覽器兼容播放;

那EasyPlayer是怎麼實現的呢?markdown

EasyPlayer網站banner.png

關於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

20190923145715666.png

EasyPlayer.js如何實現自動播放?

分析問題

H5中video標籤支持自動播放。Video.js 是一個通用的在網頁上嵌入視頻播放器的 JS 庫,Video.js 自動檢測瀏覽器對 HTML5 的支持狀況,若是不支持 HTML5 則自動使用 Flash 播放器。Video.js實例化video時添加autoplay屬性。測試

通過測試,有些能實現自動播放,有些又不能。緣由是瀏覽器不一樣,底層所支持的不一樣,致使有些能自動播放有些不能自動播放。網站

解決問題

在video.js實例化video標籤時添加autoplay和muted屬性,此時會靜音自動播放。spa

相關文章
相關標籤/搜索