编辑器中如何插入优酷,腾讯等第三方视频

2024-03-01 16:17 小编

在通常情况下,如果需要本地上传视频文件,不建议直接过编辑器上传,而是新建一个附件字段来做视频功能,然后在模板中调用可以更灵活的控制播放界面,具体参考相关文档《信息表添加自定义字段》。

但是如果视频来源于优酷,腾讯视频等第三方平台,可以直接在编辑器插入。

一、首先获取视频通用代码。

1.1、优酷代码获取

打开优酷视频播放页面,点击分享,复制通用代码,如下图:

a.png

1.2、腾讯视频获取教程,如下图:

b.png

1.3、爱奇艺视频代码获取,如下图:

c.png

...其他视频平台类似。

复制后代码如下(以qq视频为例),都是以iframe便签开头,其中src部分(后面教程用到)是视频的真正地址。

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

二、代码添加到编辑器中

有两种方法添加:

方法1:通过源码模式粘贴,如下图:

1.png

此方式对于不熟悉html标签的用户,不建议使用,如果熟悉html标签的用户来说,可以自行添加高度,宽度等属性。

方法2:通过编辑器工具栏添加。

首先提取视频通用代码的src地址,如上面代码的src地址就是:

https://v.qq.com/txp/iframe/player.html?vid=c0029f18aya

然后点击插件框架按钮来添加,如下图:

1.png

点击后配置好地址和尺寸即可,如下图:

1.png

点击确定后保存即可。

2.png

可以通过点击修改来设置尺寸。

注:有的用户反馈编辑器没有添加iframe的按钮,遇到此问题的用户请参考下面的相关文档,把编辑器模式改为通用版或全功能版。


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码