美文网首页
Mip怎么使用外部链接视频

Mip怎么使用外部链接视频

作者: 最底层的技术渣 | 来源:发表于2019-12-23 10:22 被阅读0次

    有很多小伙伴们不知道如何在MIPCMS里面插入外站视频,那么今天就教大家几招,来解决外部视频插入的烦恼。

    新建自定义字段

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

    image.png

    新建成功后,如下图:

    image.png

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

    image.png

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

    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.png
    http://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校验通过。

    相关文章

      网友评论

          本文标题:Mip怎么使用外部链接视频

          本文链接:https://www.haomeiwen.com/subject/kwtkjctx.html