我一直在使用带有播放列表选项的基于 Flash 的 JWPlayer 4。最近我升级到了声称支持 HTML5 的 JWPlayer 5。播放器本身在支持 HTML5 但不支持 Flash 的移动设备上会很好地降级，但是在启用播放列表选项时会中断。
那么有人可以告诉我我在使用 JWPlayer 5 时做错了什么以及如何让它与移动设备的播放列表选项一起使用，或者也许 只是教我一个更好的方法来设置视频和带有 HTML5 的播放列表？
资源
JWPlayer 和播放列表布局示例：
【问题讨论】：
JWPlayer 的最新版本也支持 HTML5 播放。现在也可以用在不支持flash的移动设备上。
另一个具有 Flash 后备功能的 HTML5 视频播放器是 videoJS (http://videojs.com/)
【讨论】：
这不是您的主要问题的答案。这只是一些一般性的提示。
升级。我在移动设备上无法播放 5.6 时遇到了一些问题，升级到 5.8 解决了这个问题。
暂时避免自动播放。我遇到了一些播放器无法加载的问题。这可能是由于加载大型媒体文件的时间问题，以及试图开始播放的 javascript。此外，对于连接速度较慢的 Linux 用户（比如我使用 3mb dsl），当播放头赶上并且缓冲区为空时，播放器将停止运行。
也许会覆盖模式。对于我的媒体来说，html5 似乎播放得更好一些。
模式：[ {类型：“html5”}， {类型：“flash”，src：“/media/player.swf”} ]
尝试使用与媒体相同的高度/宽度。
如果您只播放音频 - 如果您的宽度很大，可能很难找到（居中的）播放按钮。
我没有使用播放列表。我在页面上有一个录音列表，以及一个用于加载弹出/对话框的按钮。
【讨论】：
这不是 JW Player 特定的答案。
如果您替换标签，浏览器的原生 HTML 视频标签的行为会很奇怪。相反，您应该直接在标签中设置单个 src 属性。通过这种方式，您可以在 DOM 中更改该属性。在更改之前，请先尝试暂停正在播放的视频。
我使用 mediaelementjs.com。效果很好。
它没有内置播放列表功能，但您可以轻松地自己构建一个。毕竟，播放列表只是一个视频列表，当您单击一个时，您就可以更改视频的来源。
Media 元素具有支持 HTML5 和 Flash 回退的 setSrc() 函数。它对我有用。
【讨论】：
【讨论】：
如果您只是使用 YouTube 视频，他们提供（测试版）HTML5 视频播放器：http://code.google.com/intl/en/apis/youtube/iframe_api_reference.html
我在本站使用 HTML5 视频播放器：http://www2.highpoint.edu
而且旧版本的 IE 不能使用该播放器（非常好），所以我仍然为那些浏览器使用 Flash 嵌入标签，而不是通过 YouTube js api 完成：http://code.google.com/intl/en/apis/youtube/js_api_reference.html
这是一个示例页面：http://www2.highpoint.edu/youtube.php?id=ht1PrQkE3WU
如果您需要自己制作视频播放器，我强烈推荐 mediaelementjs。我们网站上的所有视频都由 YouTube 托管，但我们仍将其用作音频播放器，如下所示：http://www2.highpoint.edu/president.php?mp3=http%3A%2F%2Fwww2.highpoint.edu%2Fmp3%2FNQ_LI013107.mp3
【讨论】：
ended 事件，您可以使用它来编写自己的播放列表代码：mediaelementjs.com/#api
移动设备不支持swf
我认为这很有用，但需要两个类型的文件
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" /> <!-- for iPad :) -->
<source src="movie.ogg" type="video/ogg" /> <!--for windows -->
Your browser does not support the video tag.
</video>
我尝试使用 javascript 来更改电影，它在两者中都有效
你必须使用这个，因为我有一个 ipad，我无法打开基于 swf 的视频播放器的视频
【讨论】：
Voila un bout de script pour jwplayer 6.7 et playlist youtube
<script>
jwplayer("myElement").setup({
width: "100%",
height: "400",
playlist: "http://gdata.youtube.com/feeds/api/playlists/PLMIePZMXPqnYlsvE_PFwe-_e336HlJF7g?max-results=50&alt=rss",
stretching: "exactfit",
primary: "flash",
sharing: {link: "http://www.centraltv.fr/egypte-television/rotana-masriya"},
autostart: "true",
listbar: {
position: "right",
size: "220"
}
});
</script>
【讨论】：