javascript - 将 JWPlayer 5 转换为 JWPlayer 6 flash(flv) 和 HTML(mp4) 格式的视频

Question

我想让每个人都能观看 flash(flv) 格式，如果他们没有 flash，他们会看到 html5(mp4/m4v) 视频。

我使用的是 JWPlayer 5，但由于一些错误，我需要将其更改为 JWPlayer 6。

   jwplayer('mediaplayer').setup({
    'flashplayer': 'http://www.domain.com/jwplayer/player.swf',
    'id': 'playerID',
    'autostart': 'false',
    'image': 'http://domain-images.s3.amazonaws.com/domain/picture.png', 
    'autostart': 'false',
    'controlbar': 'bottom',
    'width': '640',
    'height': '<?php /*echo $video_player_height;*/ ?>',
    'dock': 'false',
    'stretching': 'fill',
    'icons': 'false',
    'mute': 'false',    
    'volume': '100',            
    'quality': 'false',
    'modes': [
        { type: 'flash', 
          src: 'http://www.domain.com/jwplayer/player.swf', 
          config: {
          'file': '<?php /*echo $media_files[$id]['video']*/ ?>.flv',
          'provider': 'video'
            } 
        },
        { type: 'html5',
          config: {
          'file': '<?php /*echo $media_files[$id]['video']*/ ?>.mp4',
          'provider': 'video'
          }
        },
        { type: 'download',
          config: {
          'file': '<?php /*echo $media_files[$id]['video']*/ ?>.mp4', 
          'provider': 'video'
          }
        }  
    ]
});

一切都很好，但我没有找到如何在 JWPlayer 中制作相同的东西。似乎我已经阅读了所有文档，但如果我使用的是 RTMP 或 HLS 协议(protocol)，则没有找到预期的方式。

Answer 1

只提供一个 MP4 和一个简单的设置:http://misterneutron.com/JW6video/

使用现代浏览器的访问者将看到使用原生 HTML5 播放的 MP4。使用旧浏览器(如 IE8 和更早版本)的访问者将看到使用 Flash 播放的 MP4。使用较旧浏览器但未安装 Flash 的访问者可以下载。

JW Player 脚本会自动为您处理所有这一切。您不需要提供多种格式，也不需要任何类型的“模式”属性(JW6 中不存在)。

为确保您的 MP4 流正确，moov 原子必须位于文件的开头 - 如果不是，则必须在开始播放之前下载整个文件。如果位置正确，播放器将只需要文件的前几秒即可开始播放。

要将另一种格式转换为 MP4，请使用 Handbrake:http://handbrake.fr/ .采用默认选项，同时选中网络优化。如果您使用的是 ffmpeg，请使用 -movflags faststart 属性。如果您的 MP4 文件末尾有 moov 原子，而您只想移动它，请使用 MP4 FastStart，它只有一个目的 - 它会快速更改文件以正确放置 moov 原子: http://www.datagoround.com/lab/