flv.js及flv.min.js-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_39133064/article/details/103313862

本文介绍使用FLV.js库创建MP4视频播放器的方法。包括加载、开始、暂停、销毁视频以及设置播放位置等功能的实现。通过XMLHttpRequest获取视频源，并利用FLV.js的API进行视频播放的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flv.js及flv.min.js

<script>
    function flv_load() {
        console.log('isSupported: ' + flvjs.isSupported());
        var urlinput = document.getElementsByName('urlinput')[0];
        var xhr = new XMLHttpRequest();
        xhr.open('GET', urlinput.value, true);
        xhr.onload = function (e) {
            var player;
            var element = document.getElementsByName('videoElement')[0];
            if (typeof player !== "undefined") {
                if (player != null) {
                    player.unload();
                    player.detachMediaElement();
                    player.destroy();
                    player = null;
                }
            }
            player = flvjs.createPlayer({
                type: 'mp4',
                url: urlinput.value
            });
            player.attachMediaElement(element);
            player.load();
        }
        xhr.send();
    }

    function flv_start() {
        player.play();
    }

    function flv_pause() {
        player.pause();
    }

    function flv_destroy() {
        player.pause();
        player.unload();
        player.detachMediaElement();
        player.destroy();
        player = null;
    }

    function flv_seekto() {
        var input = document.getElementsByName('seekpoint')[0];
        player.currentTime = parseFloat(input.value);
    }

    function getUrlParam(key, defaultValue) {
        var pageUrl = window.location.search.substring(1);
        var pairs = pageUrl.split('&');
        for (var i = 0; i < pairs.length; i++) {
            var keyAndValue = pairs[i].split('=');
            if (keyAndValue[0] === key) {
                return keyAndValue[1];
            }
        }
        return defaultValue;
    }

    var urlInputBox = document.getElementsByName('urlinput')[0];
    var url = decodeURIComponent(getUrlParam('src', urlInputBox.value));
    urlInputBox.value = url;
    document.addEventListener('DOMContentLoaded', function () {
        flv_load();
    });
</script>