EasyPlayer.js视频流媒体播放器互联网无插件微信H5直播方案—如何实现自动播放？ - TSINGSEE

需求分析

一般对于一个H5播放器，应该支持如下几种功能:

支持m3u8播放;
支持HTTP-FLV播放;
支持RTMP播放;
支持直播和点播播放;
支持播放器快照截图;
支持点播多清晰度播放;
支持全屏或比例显示;
自带的flash支持极速和流畅模式;
自带的flash支持HTTP-FLV播放;
自动检测IE浏览器兼容播放;

那EasyPlayer是怎么实现的呢？

关于EasyPlayler

EasyPlayer是一款流媒体播放器系列项目，支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放，支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性，核心基于ffmpeg，稳定、高效、可靠、可控。

随着多年不断的发展和迭代，不断基于成功的实践经验，发展出包括有： EasyPlayer RTSP、EasyPlayer RTMP、EasyPlayerPro 和EasyPlayer.js 等播放器。目前支持Windows、 Android、iOS三个平台，同时EasyPlayer.js还支持Linux平台。

EasyPlayer.js如何实现自动播放？

分析问题

H5中video标签支持自动播放。Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。Video.js实例化video时添加autoplay属性。

经过测试，有些能实现自动播放，有些又不能。原因是浏览器不同，底层所支持的不同，导致有些能自动播放有些不能自动播放。

解决问题

在video.js实例化video标签时添加autoplay和muted属性，此时会静音自动播放。