html5播放flv视频

参考: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>
相关推荐
excel9 分钟前
JavaScript 中 substr、substring 和 slice 的区别
前端
范同学~14 分钟前
固定表头+第一列+最后一列
java·服务器·前端
AIsoft_868928 分钟前
长时间音频内容如何快速整理?
音视频
zttbee42 分钟前
npm install卡顿
前端·npm·node.js
Amos_Web1 小时前
Rspack 源码解析(二十七):AsyncWasmParserAndGenerator 如何把二进制变成异步模块
前端·rust
西红柿炖牛腩3541 小时前
机房电脑不能联网,怎么离线把课件里的 3D 模型压小?Draco / Meshopt 参数清单
前端·javascript·3d·性能优化·大屏端
爱喝水的小周1 小时前
实验十三 Vue 过渡与动画—电商后台消息中心实现
前端·javascript·vue.js
hunterandroid1 小时前
Navigation Component 工程落地:从单 Activity 架构到深度链接配置
android·前端
无责任此方_修行中1 小时前
如何不用括号调用 JS 的函数?
前端·javascript·node.js
kyriewen1 小时前
我数了 647 条大厂前端 JD:AI 不再只是加分项
前端·程序员·ai编程