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.icon-default.png?t=N7T8https://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>

相关推荐

  1. vue2使用flv.js播放live.flv视频

    2024-03-16 05:16:03       58 阅读
  2. HTML5 Video(视频)

    2024-03-16 05:16:03       49 阅读
  3. Linux环境下使用flv.js + websokect播放RTSP视频

    2024-03-16 05:16:03       61 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-16 05:16:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-16 05:16:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-16 05:16:03       82 阅读
  4. Python语言-面向对象

    2024-03-16 05:16:03       91 阅读

热门阅读

  1. vue3 ref 和 reactive 区别

    2024-03-16 05:16:03       35 阅读
  2. Arcade官方教程解析8 Multiple Levels and Other Layers

    2024-03-16 05:16:03       40 阅读
  3. AJAX学习日记——Day 2

    2024-03-16 05:16:03       41 阅读
  4. Android 启动service(Kotlin)

    2024-03-16 05:16:03       29 阅读
  5. 俄罗斯方块游戏开发思路随想

    2024-03-16 05:16:03       37 阅读
  6. android api 34 编译ffmpeg with libfdk-aac

    2024-03-16 05:16:03       39 阅读
  7. 基于arm的ubuntu上运行qgc

    2024-03-16 05:16:03       38 阅读
  8. 程序员面试—反问示例

    2024-03-16 05:16:03       40 阅读
  9. Android平台架构和Android Framework的区别

    2024-03-16 05:16:03       49 阅读
  10. 现代 Android 开发的第一步Kotlin

    2024-03-16 05:16:03       44 阅读