Flv西瓜播放器（XGPlayer-flv）视频代码如何调用

原创

用户1094633

发布于 2022-02-14 14:18:41

3.9K0

发布于 2022-02-14 14:18:41

文章被收录于专栏：运维随笔

前言

由于FLash插件停用的问题导致网站的时候调用了Flv视频格式文件无法播放，于是百度查找代码资料发现一款挺好用的Flv西瓜播放器下面跟大家介绍下如何使用

介绍

西瓜播放器是字节跳动推出的一款播放器，是一个Web视频播放器类库，它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。更重要的是它不只是在 UI 层有灵活的表现，在功能上也做了大胆的尝试：摆脱视频加载、缓冲、格式支持对 video 的依赖。尤其是在 mp4 点播上做了较大的努力，让本不支持流式播放的 mp4 能做到分段加载，这就意味着可以做到清晰度无缝切换、加载控制、节省视频流量。同时，它也集成了对 flv、hls、dash 的点播和直播支持

代码片段

JavaScript

<!--页面防止容器标签 -->
<div id="player"></div>
<!-- 引用XGPlayer的js文件 -->
<script src="http://cdn.jsdelivr.net/npm/xgplayer/browser/index.js" charset="utf-8"></script>
<script src="http://cdn.jsdelivr.net/npm/xgplayer-flv.js/browser/index.js" charset="utf-8"></script>
<!--  页面初始化xgplayer -->
<script type="text/javascript">
    new window.FlvJsPlayer({
        id: 'player',
        playsinline: true,
        url: '视频地址',
        autoplay: true,
        volume: 0.6,
        height: 290,
        width: 225
    });
</script>