MIPCMS怎么添加视频,MIPCMS如何在文章中插入视频

许多朋友不知道怎么在MIPCMS内容中加入视频文件,比如插入腾讯视频,优酷视频的,下面就为大家介绍一下MIPCMS怎么添加视频,MIPCMS如何在文章中插入视频?(来自MIPCMS官网)

新建自定义字段

自定义字段是跟着文章,不是全局的,如果新建全局字段,可以用广告插件。倘若我们新建一个自定义字段如下:


新建成功后,如下图:


{$itemInfo['diy_play']}自定义字段调用代码,此调用代码是放在详情页面的。我们找到默认模板内容底部代码,我们复制进去:


我们发布一篇文章,写个播放地址,播放地址我们选择爱奇艺的演示:




此时播放器代码就出来了,那么MIPCMS默认是MIP规则,对于这样的代码会不兼容,那么我们下面对这个代码进行改造,如果你的页面不是MIP规范,就完全可以用这样的方式。

将视频播放器改成MIP规范

打开 https://www.mipengine.org/examples/mip/mip-iframe.html  ,复制MIP代码。




<mip-iframe
  allowfullscreen 
  src="{$itemInfo['diy_play']}" 
  width="400"
  height="300" 
  allowtransparency="true">
</mip-iframe>

修改之前文章发布的视频播放地址,去掉iframe标签对,只留下播放地址即可。


http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=358e1f7dba442e589f352502a1b6e00a&tvId=7972867809&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%

此时就可以播放视频了



并且MIP校验通过。

注:演示后台是MIP站群版本,所以与免费版有点差距,但是该页面需要的功能,免费版中也是有的。



分享到:

猜你喜欢