如何使用帖子正文中的媒体小部件中的播放器来播放音频和视频文件

时间:2019-02-08 作者:JorgeAmVF

我一直在尝试使用<audio> 标记以播放MP3文件和<video> 标记以播放MP4文件,两者都具有controls 属性,它们工作正常,但不可能对其应用自定义样式,它们会从一个浏览器更改为另一个浏览器。

大体上<audio> 标记的工作方式如下:

<audio controls loop>
  <source src="audio.mp3" type="audio/mpeg">
</audio>
以及<video> 标记如下:

<video controls loop>
  <source src="video.mp4" type="video/mp4">
</video>
因此,我将默认音频播放器设置为Media Widgets 引入于WordPress 4.8 有好的播放器,他们就足够了,我想借用他们的属性在音频/视频格式的帖子中使用。

我如何才能做到这一点?

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

在写这个问题的时候,我更进一步,以确保我没有问一些琐碎的问题,似乎我是。

我意识到我使用的主题和那些新的WordPress小部件的玩家都使用相同的<div class> 调用.mejs-mediaelement 然后我意识到它指向MediaElement.js 当我们搜索这个名字时,在Make WordPress博客帖子和第一个Google结果中都指出了这一点(我认为WordPress有自己的解决方法,但我错了)。

然而,我们不需要安装插件,因为Jacob Peattie explained in a comment below:

WordPress已经有MediaElement。js内置,用于音频和视频播放器。

然后,我们只需分别添加以下短代码,即可将音频和视频文件添加到帖子中:

[audio src="mymedia.mp3"]

[video src="mymedia.mp4" width="640" height="360"]

然后,它将看起来就像新媒体小部件,因为它们实际上做的是相同的,但当然是作为一个小部件。

相关推荐

Pre_Get_Posts仅按管理员角色显示帖子

我正在尝试筛选查询,以仅显示由具有管理员角色的用户发布的帖子。我已经创建了一个pre\\u get\\u posts操作,并尝试使用$query->set只过滤类别页面中的帖子。。。到目前为止我有这个function remove_unvetted_authors() { $query->set( \'role\', \'administrator\' ); } if (is_category()) { add_action( \'pr