对于第一次接触直播的前端来说,肯定发愁各种视频流的类型如何播放出来,这里介绍如何使用EasyPlayer播放插件。
首先引入插件
<script type="text/javascript" src="EasyPlayer-element.min.js"></script>
然后在页面中引用(以下代码是同时引入多个直播窗口的情况)
<easy-player class="canvas" v-for="(item, index) in videoList" :key="index" :video-url="item" live="false" muted auto-play="true" show-custom-button="false" speed="false" aspect="228:186" debug="true" resolution="yh,fhd,hd,sd" resolutiondefault="yh"></easy-player>
注:如果需要自动播放,一定要加上muted属性