Question

我知道这个问题在这里被多次询问过，但我无法从他们那里找到标准的解决方案。所以需要帮助。

我只需要在jwplayer 5.10中显示我的.mp4视频，这样它就会在flash版本中显示，否则会在html5版本中显示。

这是我的代码：

jwplayer("video_holder").setup({
    'height': '300',
    'width': '100%',
     modes: [
       { type: "flash",
         src: "player.swf",
         config: {
              file: "http://example.com/path/to/video.mp4",
         }
       },
       { type: "html5",
         config: {
              file: "http://example.com/path/to/video.mp4"
         }
       }
     ]
});

仅供参考：我正在使用ffmpeg，libx264转换.mp4格式的所有视频它不会在Chrome和IOS中加载视频，在FF中使用闪存。

我在这里做错了什么？

Answer 1

你让它变得比实际复杂得多。这是一个简单的演示页面，可以满足您的需求。

http://misterneutron.com/JW5video/

这是页面代码：

<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>JW5</title>
<script type='text/javascript' src='jwplayer.js'></script>
</head>
<body>
<div id='myElement'>Loading the player...</div>
<script type='text/javascript'>
    jwplayer('myElement').setup({
        flashplayer: 'player.swf',
        file: 'wildlife.mp4',
        image: 'wildlife.jpg',
        width: 640,
        height: 360
    });
</script>
</body>
</html>

Answer 2

是的，MisterNeutron制作的jwplayer配置可以正常播放。似乎问题出于某种原因，播放器无法访问我本地计算机中的视频（可能是一些问题经过许可，稍后会进行调查）。但它在我的DEV服务器上运行良好。

如果有人偶然发现这篇文章并想要更好的解释：

我正在将所有用户上传的视频转换为mp4扩展程序，由flash版本的jwplayer和后备版本的html5视频播放。 ffmpeg视频转换脚本如下所示：

ffmpeg -y -i 'input_file' -c:v libx264 -crf 23 -profile:v baseline -c:a aac -strict experimental 'output_file'

希望这对某人有所帮助，非常感谢你的帮助。

带有HTML5的JW播放器

2 个答案: