有很多小伙伴们不知道如何在MIPCMS里面插入外站视频,那么今天就教大家几招,来解决外部视频插入的烦恼。
新建自定义字段
自定义字段是跟着文章,不是全局的,如果新建全局字段,可以用广告插件。倘若我们新建一个自定义字段如下:
image.png新建成功后,如下图:
image.png{$itemInfo['diy_play']}
自定义字段调用代码,此调用代码是放在详情页面的。我们找到默认模板内容底部代码,我们复制进去:
我们发布一篇文章,写个播放地址,播放地址我们选择爱奇艺的演示:
image.png image.png image.png此时播放器代码就出来了,那么MIPCMS默认是MIP规则,对于这样的代码会不兼容,那么我们下面对这个代码进行改造,如果你的页面不是MIP规范,就完全可以用这样的方式。
将视频播放器改成MIP规范
打开 https://www.mipengine.org/examples/mip/mip-iframe.html ,复制MIP代码。
image.png image.png<mip-iframe
allowfullscreen
src="{$itemInfo['diy_play']}"
width="400"
height="300"
allowtransparency="true">
</mip-iframe>
修改之前文章发布的视频播放地址,去掉iframe标签对,只留下播放地址即可。
image.pnghttp://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=358e1f7dba442e589f352502a1b6e00a&tvId=7972867809&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%
此时就可以播放视频了
image.png image.png并且MIP校验通过。
网友评论