美文网首页
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怎么使用外部链接视频

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

  • JavaSctipt高级程序 前5章左右

    第二章:小结 在使用JavaScript外部脚步时,src属性可以链接到外部文件,也可以链接到外部域的文件。 元素...

  • Exploit-Exercises Nebula

    writeup链接: https://pan.baidu.com/s/1mip9WaG 密码: ypza 获取权限...

  • vue 跳转到外部链接

    vue跳转外部链接使用 window.location.href = "url" 函数:(写在 methods 里...

  • 外部链接建设

    网站优化分为站内和站外,站内主要指网站结构和页面优化,站外就是指外部链接建设。 一、什么样的链接是好链接 点击流量...

  • iOS 外部链接

    外部链接: let app:UIApplication = UIApplication.shared app.op...

  • 七.OpenGL Mip贴图 压缩

    纹理Mip贴图 Mip贴图是一种强大的纹理技巧,它不仅可以提高渲染性能,而且可以改善场景的显示质量.它使用标准纹理...

  • 008-基础纹理下篇

    Mip贴图 Mip贴图是一种强大的纹理技巧,它不仅可以提高渲染性能,而且可以改善场景的显示质量.它使用标准纹理贴图...

  • 重新编译 Swoole 并开启 Openssl

    最近使用 Hyperf 的时候,在使用 CURL 请求外部的 https 链接回报这样的错误: you must ...

  • 家教教育重在言传身教

    转载自链接地址https://m.baidu.com/paw/c/www.360doc.cn/mip/318769...

网友评论

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

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