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>
html5播放flv视频
疆~2024-03-16 9:29
相关推荐
速盾cdn4 分钟前
速盾:vue的cdn是干嘛的?四喜花露水37 分钟前
Vue 自定义icon组件封装SVG图标前端Hardy1 小时前
HTML&CSS: 实现可爱的冰墩墩web Rookie1 小时前
JS类型检测大全:从零基础到高级应用Au_ust1 小时前
css:基础帅帅哥的兜兜1 小时前
css基础:底部固定,导航栏浮动在顶部yi碗汤园1 小时前
【一文了解】C#基础-集合就是个名称1 小时前
购物车-多元素组合动画css编程一生2 小时前
回调数据丢了?hunandede2 小时前
FFmpeg 4.3 音视频-多路H265监控录放C++开发十三:将AVFrame转换成AVPacket。视频编码,AVPacket 重要函数,结构体成员学习