WordPress上HTML5视频的实用解决方案

时间:2012-12-10 作者:jhoffmcd

我是从堆栈溢出处接到指示的--

我们与拥有WordPress网站的客户合作,我们一直在努力解决的一件事是在WordPress环境中跨所有浏览器和设备实现HTML5视频。我们尝试了多种插件(JW播放器、MediaElement、Sublime视频)。似乎每一个都有自己的bug,很难在上面实现视频播放列表(更不用说有一个好的UI让客户端自己管理/添加视频)。

WordPress上的HTML5视频的可靠解决方案是什么?可以同时支持多达4种文件类型(mp4、webm、ogg、flash),并且可能具有播放列表功能。

我应该完全抛弃插件解决方案,自己编写代码吗?

1 个回复
最合适的回答,由SO网友:brasofilo 整理而成

在一个旧项目中,我最终写了自己的。并且使用WordPress库为播放器提供信息(音频和视频),因此没有外部UI,并且有一个模板可以为播放器构建适当的附件信息。

音频播放器是用实现的JPlayer.

jQuery HTML5音频/视频库jPlayer是一个完全免费的开源(GPL/MIT)媒体库,用JavaScript编写。jPlayer是一个jQuery插件,允许您快速将跨平台音频和视频编织到您的网页中。jPlayer的全面API允许您创建创新的媒体解决方案,同时jPlayer的活跃和不断增长的社区提供支持和鼓励。

如果我记性好的话,我想由于播放列表的问题,我不得不使用另一个库来播放视频。

这就是这位顶级球员所做的:HTML5 Video Player with Playlist. 他们有一个WordPress插件版本,但我需要一些非常定制的东西,所以用Html5代码构建了我的插件。

结束

相关推荐

如何在WordPress中关闭标记的自动关闭标签(例如,HTML5或HTML4)?

我想在我的WordPress主题中使用HTML5,如何关闭wptexturize 我不介意增加休息时间,但我想让他们休息一下<br> 而不是<br />. 我如何控制这些中断在代码中的显示方式 EDIT: 我只在乎<br> 标签问题,我不介意它对排版的改变 EDIT2: 事实上,我想<img> 标签也很重要。任何自动关闭的独立标签在这里都很重要。所以<hr> 也可能是个问题。更不用说这些了wp_head() 项目作为<link> 各种

WordPress上HTML5视频的实用解决方案 - 小码农CODE - 行之有效找到问题解决它

WordPress上HTML5视频的实用解决方案

时间:2012-12-10 作者:jhoffmcd

我是从堆栈溢出处接到指示的--

我们与拥有WordPress网站的客户合作,我们一直在努力解决的一件事是在WordPress环境中跨所有浏览器和设备实现HTML5视频。我们尝试了多种插件(JW播放器、MediaElement、Sublime视频)。似乎每一个都有自己的bug,很难在上面实现视频播放列表(更不用说有一个好的UI让客户端自己管理/添加视频)。

WordPress上的HTML5视频的可靠解决方案是什么?可以同时支持多达4种文件类型(mp4、webm、ogg、flash),并且可能具有播放列表功能。

我应该完全抛弃插件解决方案,自己编写代码吗?

1 个回复
最合适的回答,由SO网友:brasofilo 整理而成

在一个旧项目中,我最终写了自己的。并且使用WordPress库为播放器提供信息(音频和视频),因此没有外部UI,并且有一个模板可以为播放器构建适当的附件信息。

音频播放器是用实现的JPlayer.

jQuery HTML5音频/视频库jPlayer是一个完全免费的开源(GPL/MIT)媒体库,用JavaScript编写。jPlayer是一个jQuery插件,允许您快速将跨平台音频和视频编织到您的网页中。jPlayer的全面API允许您创建创新的媒体解决方案,同时jPlayer的活跃和不断增长的社区提供支持和鼓励。

如果我记性好的话,我想由于播放列表的问题,我不得不使用另一个库来播放视频。

这就是这位顶级球员所做的:HTML5 Video Player with Playlist. 他们有一个WordPress插件版本,但我需要一些非常定制的东西,所以用Html5代码构建了我的插件。

相关推荐

HTML5-重置主题不显示图像

我开始根据HTML5-reset 从GitHub下载的主题。在触摸/修改任何内容之前,我试图在get_header(); 在循环上方,使用以下HTML代码snipet:<div class=\"the-image\"> <img src=\"images/moonrise_100.jpg\" alt=\"moonrise\" /> </div> 但当我尝试查看结果时,意外地只显示了损坏图像的图标,因此使用chrome检查元素是否有任何