可以支持各種直播流的插件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屬性

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM