如何优雅的在wordpress插入视频

各路站长其实都是需要在站点里插入视频或者音频文件的需求。如果你的服务器存储足够大,带宽足够大的话,可以直接使用本地媒体资源进行添加。

但实际上是,没有多少站长的服务器能够达到这样的级别,土豪另说。

还有一部分站长,可能会选择cdn+oss的配置来减少服务器的压力,这也是一条路子。唯一不好的地方,可能就是需要另外出钱了。

在以上情况下,我们可以选择使用自带媒体库的链接来添加,但是会遇到一个问题,程序自带的播放器实在是太难用了,所以这个时候就需要安装一个播放器插件来改善一下。

https://cn.wordpress.org/plugins/easy-video-player/

Default[#evp_embed_video url="" autoplay="true"]
Control Player Size [#evp_embed_video url="" ]
Control Player Aspect Ratio [#evp_embed_video url="" ratio="4:3"]
Poster Image [#evp_embed_video url="" poster=""] Video Loop [#evp_embed_video url="" loop="true"]
Video Muted [#evp_embed_video url="" muted="true"]

PS: 删除#,在“”添加链接地址就可以了。


另外一种方法,当然是使用各大视频站的通用代码咯,这样就省去了租空间,买带宽的费用,实现最大程度上抠门。

例如:bilibili就是一个很好的选择。但是需要修改一小段自带的嵌入代码来实现。在插入模块的时候使用自定义html来插入。

这是bilibili通用代码的效果。↓↓↓

这是修改后的效果。↓↓↓

这是需要修改的代码。↓↓↓

<iframe src="//player.bilibili.com/player.html?aid=修改成AID号&cid=修改成CID号&page=1" width="100%"  frameborder="0" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen"></iframe>

其他网站的代码同理可推。


优酷(不需要做过多修改,原样贴入)

原代码:

<iframe height=498 width=510 src='https://player.youku.com/embed/XNTg0ODQxNjk0MA==' frameborder=0 'allowfullscreen'></iframe>

修改后:

修改后代码:

<iframe height=498 width=100% src='https://player.youku.com/embed/XNTg0ODQxNjk0MA==' frameborder=0 'allowfullscreen'></iframe>


腾讯(需要稍作修改)

原代码:

<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=v3326g4alj3" allowFullScreen="true"></iframe>

修改后:

修改后代码:

<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=v3326g4alj3" width="100%"  allowfullscreen="true"></iframe>


爱奇艺(广告多到我找不到代码关闭,有懂的大佬请帮助一下)

视频我就不展示了,自动播放太吵了。

原代码:

<iframe src="https://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=1ee94c05f99bfd158adf2f2bb66b395b&tvId=7802366389631200&accessToken=2.ef9c39d6c7f1d5b44768e38e5243157d&appKey=8c634248790d4343bcae1f66129c1010&appId=1368&height=100%&width=100%" frameborder="0" allowfullscreen="true" width="100%" height="100%"></iframe>

如此一来,我们就可以优雅的插入视频了。

发表回复

您的电子邮箱地址不会被公开。