flv.js使用遇到的问题_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>video</title>
    <!-- Video.js -->
    <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
    <script src="/uploads/allimg/210417/200T22604-0.jpg"></script>
    <script src="/uploads/allimg/210417/200T2F27-1.jpg"></script>
    <script src="/uploads/allimg/210417/200T2O93-2.jpg"></script>
</head>
 
<body>
    <div>
        <video id="videojs-flvjs-player" class="video-js vjs-default-skin vjs-big-play-centered"  width="1024" height="768"> </video>
    </div>
</body>
 
</html>
<script>
var flvUrl = "./demo.flv";
 
var player = videojs('videojs-flvjs-player', {
    techOrder: ['html5', 'flvjs'],
    flvjs: {
        mediaDataSource: {
            isLive: false,
            cors: true,
            withCredentials: false,
        },
    },
    sources: [{
        src: flvUrl,
        type: 'video/mp4'
    }],
    controls: true,
    preload: "none"
}, function onPlayerReady() {
    console.log('player ready')
 
    player.on('error', (err) => {
        console.log('first source load fail')
 
        player.src({
            src: flvUrl,
            type: 'video/x-flv'
        });
 
        player.ready(function() {
            console.log('player ready')
            player.load();
            player.play();
        });
    })
});
</script>

这是我在网上找的一个例子，url的demo.flv是我本地播放的视频文件，结果发现一直报错。报错如下：

然后我将这个视频文件通过格式工厂转成mp4再转成flv就能正常播放了，想请问下有没有人遇到这种情况，谢谢

我用ffprobe得到以下信息：

# 源视频文件（不能正常播放）
Input #0, flv, from './21.flv':
  Metadata:
    encoder         : Lavf55.21.100
  Duration: 00:00:17.48, start: 0.000000, bitrate: 3174 kb/s
    Stream #0:0: Video: flv1, yuv420p, 960x544, 3072 kb/s, 25 fps, 25 tbr, 1k tbn
    
# 转换过的视频文件（能正常播放）
Input #0, flv, from './t.flv':
  Metadata:
    major_brand     : isom
    minor_version   : 512
    compatible_brands: isomiso2avc1mp41
    encoder         : Lavf57.41.100
  Duration: 00:00:17.56, start: 0.080000, bitrate: 881 kb/s
    Stream #0:0: Video: h264 (High), yuv420p(progressive), 856x480 [SAR 320:321 DAR 16:9], 867 kb/s, 25 fps, 25 tbr, 1k tbn, 50 tbc

应该是下面大佬说的视频编码问题.

###

这个问题不用纠结，因为可能是编码问题，虽然扩展名是flv，但实际编码或者封装不一定是被支持的而已。