Question

我一直在使用基于Flash的JWPlayer 4和播放列表选项。最近我升级到JWPlayer 5，声称支持HTML5。播放器本身在支持HTML5但不支持闪存的移动设备上很好地降级，但是它会在启用播放列表选项时中断。

有人可以告诉我，我在使用JWPlayer 5时遇到了什么问题，以及如何使用移动设备的播放列表选项，或者只是告诉我一个更好的方法来设置视频和HTML5播放列表？

资源

JW Player and playlist configuration example page
JWPlayer和播放列表布局示例：

screenshot-with-shadow.jpg http://img198.imageshack.us/img198/5788/screenshotwithshadow.jpg

Answer 1

这不是JW Player特定的答案。

如果替换标记，浏览器的本机HTML视频标记会表现得很奇怪。相反，您应该直接在标记中设置单个src属性。通过这种方式，您可以在DOM中更改该属性。在更改之前，请先尝试暂停播放视频。

我使用mediaelementjs.com。它运作得很好。

它没有内置的播放列表功能，但您可以轻松地自己构建一个。毕竟，播放列表只是一个视频列表，当您点击一个视频时，您可以更改视频来源。

Media元素具有setSrc（）函数，支持HTML5和flash回退。它适用于我。

Answer 2

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>

Answer 3

这不是你的主要问题的答案。这只是一些一般性提示。

升级。我在5.6没有在移动设备上玩游戏时遇到了一些麻烦，升级到5.8就修复了它。
此时请避免自动播放。我有一些问题，播放器没有加载。这可能是由于加载大型媒体文件的时间问题，以及javascript尝试开始播放。此外，对于连接速度较慢的linux用户（比如我3mb dsl），当播放头赶上，缓冲区为空时，播放器停止运行。
也许覆盖模式。对于我的媒体，html5似乎发挥得更好。

模式：[ {type：“html5”}， {type：“flash”，src：“/ media /player.swf”} ]
尝试使用与媒体相同的高度/宽度。
如果您只播放音频 - 如果宽度很大，则很难找到（居中）播放按钮。
我没有使用播放列表。我在页面上有一个录音列表，还有一个用于加载弹出/对话框的按钮。

Answer 4

这些链接可能会有所帮助：

Answer 5

如果您只是使用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

Answer 6

JWPlayer的最新版本也支持HTML5播放。现在它也可用于不支持闪存的移动设备。

另一款带闪光灯后备的HTML5视频播放器是videoJS（http://videojs.com/）

Answer 7

移动设备不支持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的视频播放器的视频

如何使用HTML5将视频和播放列表添加到页面？

7 个答案: