對於第一次接觸直播的前端來說,肯定發愁各種視頻流的類型如何播放出來,這里介紹如何使用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屬性