带有HTML5的JW播放器

我知道这个问题在这里已经被问过很多次了，但我无法从他们那里找到一个标准的解决方案。所以需要帮助。带有HTML5的JW播放器

我只需要在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" 
     } 
     } 
    ] 
});

FYI：我将我的所有视频的MP4格式，使用的ffmpeg，libx264 这不加载在Chrome和IOS的视频，在FF的FLASH作品。

我在这里做错了什么？

来源

2014-05-02 Pratip Ghosh

我可以看到一个链接到你正在运行的位置吗？ – emaxsaun

你让它变得比实际复杂得多。这里有一个简单的演示页面，可以实现你想要的功能。

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>

来源

2014-05-02 19:04:58 MisterNeutron

此配置确实在所有桌面浏览器中播放，但不在IOS Safari浏览器中播放。它显示了我： “无法加载此视频，无论是因为服务器或网络发生故障还是因为格式不受支持” 我的.mp4文件有问题吗？正如我所说我通过使用 “libx264”编解码器通过ffmpeg服务将所有其他视频文件格式转换为.mp4。有关于如何做的其他规范？仅供参考：我试过这个视频，它也在我的页面中工作：http://misterneutron.com/JW5video/wildlife.mp4 所以，它似乎是一个问题与我的文件... –

它肯定听起来像一个编码问题。通过HandBrake运行你的视频，默认选项加上检查“Web优化”，看看是否修复它：http://handbrake.fr/ – MisterNeutron

是的，这是一个编码问题，这是肯定的。但是，有关于此播放器可以播放mp4文件的音频/视频编解码器的指南吗？ –

是的，它起着罚款与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'

希望这有助于有人并非常感谢您的帮助。

来源

2014-05-08 14:30:17

带有HTML5的JW播放器

回答

相关问题