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

Question

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

有人可以告诉我 JWPlayer 5 有什么问题以及如何让它与移动设备的播放列表选项一起工作，或者教我一个更好的方法来设置视频和HTML5 的播放列表？

资源

1. JW Player and playlist configuration example page

2. JWPlayer 和播放列表布局示例:

Answer 1

这不是 JW Player 特定的答案。

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

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

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

Media 元素具有支持 HTML5 和 Flash 回退的 setSrc() 函数。它对我有用。