带有 HTML5 的 JW 播放器答案

【问题标题】：JW Player with HTML5带有 HTML5 的 JW 播放器
【发布时间】：2014-05-08 22:30:17
【问题描述】：

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

我只需要在 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 中的 flash。

我在这里做错了什么？

【问题讨论】：

我可以看到一个链接到你正在运行的地方吗？

标签： html flash video html5-video jwplayer

【解决方案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>

【讨论】：

此配置在所有桌面浏览器中都可以播放，但在 IOS safari 中不可用。它向我显示：“无法加载此视频，原因可能是服务器或网络出现故障或格式不受支持” 我的 .mp4 文件有问题吗？正如我所说，我正在使用“libx264”编解码器通过 ffmpeg 服务将所有其他视频文件格式转换为 .mp4。还有其他关于如何做的规范吗？仅供参考：我试过这个视频，它也在我的页面上工作：misterneutron.com/JW5video/wildlife.mp4 所以，我的文件似乎确实有问题......
这听起来确实像是编码问题。通过 HandBrake 运行您的视频，默认选项加上选中“网络优化”，看看是否可以解决它：handbrake.fr
是的，这是一个编码问题，这是肯定的。但是，是否有一些关于此播放器可以播放 mp4 文件的音频/视频编解码器的指南？
这是他们提供的唯一信息：support.jwplayer.com/customer/portal/articles/…。但这不是 JW Player 真正的问题，在这里。在 iOS 上，它只是将视频传递给设备浏览器的原生

【解决方案2】：

是的，它与 MisterNeutron 制作的 jwplayer 配置配合得很好。问题似乎是出于某种原因，播放器无法访问我本地计算机中的视频（可能是权限问题，稍后会调查）。但是它在我的 DEV 服务器上运行良好。

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

我正在将所有用户上传的视频转换为 mp4 扩展名，以供 jwplayer 在 Flash 版本中播放，并在回退时由 html5 视频播放。 ffmpeg视频转换脚本如下：

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

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

【讨论】：