html5播放flv视频

最新推荐文章于 2025-03-20 13:51:38 发布

疆~

最新推荐文章于 2025-03-20 13:51:38 发布

阅读量1.3k

点赞数 4

分类专栏： Javascript/CSS/HTML 文章标签： html5 音视频前端

本文链接：https://blog.csdn.net/qq_40323256/article/details/136745516

版权

Javascript/CSS/HTML 专栏收录该内容

41 篇文章

订阅专栏

参考：flv-h265 - npmHTML5 FLV Player. Latest version: 1.7.0, last published: 6 months ago. Start using flv-h265 in your project by running `npm i flv-h265`. There are no other projects in the npm registry using flv-h265.https://www.npmjs.com/package/flv-h265 本地安装也可以：

npm i -S flv.js

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title> flvjs Demo</title>
</head>

<body>
    <video id="videoElement" class="video-js" controls muted autoplay>
    </video>
    <script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.2/flv.js"></script>


    <script>
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById('videoElement');
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                url: 'https://rivermap-file.oss-cn-hangzhou.aliyuncs.com/video/flv/test.flv'
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play();
        }
    </script>
</body>

</html>