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

时间:2015-05-22 23:11:33

标签: javascript flash mp4 jwplayer flv

我想让所有人都能看到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协议,则没有找到预期的方式。

1 个答案:

答案 0 :(得分:2)

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

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

JW Player脚本会自动为您完成所有这些操作。您不需要提供多种格式,也不需要任何类型的“模式”属性(JW6中不存在这些属性)。

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

要将其他格式转换为MP4,请使用手刹http://handbrake.fr/。采用默认选项,但也请检查 Web优化。如果您使用的是ffmpeg,请使用 -movflags faststart 属性。如果你有一个最终有moov原子的MP4,你只想移动它,使用 MP4 FastStart ,它只有一个目的 - 它可以快速改变文件以正确放置moov原子:http://www.datagoround.com/lab/