可以支持各种直播流的插件EasyPlayer

对于第一次接触直播的前端来说，肯定发愁各种视频流的类型如何播放出来，这里介绍如何使用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属性