如何在产品文章页面上添加视频?

浏览数量: 283     作者: 本站编辑     发布时间: 2016-10-13      来源: 本站

有时需要在产品或者文章的详情页面展示相关视频,需要如何操作呢?操作方法如下:

(英文站插入YouTube视频链接,中文站插入优酷视频链接。)


第1步:在产品或文章内容中通过插入Iframe按钮(如下图所示)插入视频,在弹出的“插入Iframe”对话窗口,输入从优酷或youtube获取的通用代码、输入视频显示的宽度和高度,视频图片直接显示第三方平台上的图片。不需要发布网站,前台即可同步。虽然在此处设置了视频的宽度和高度,但到手机上是可以自适应终端大小的。

1)从优酷获取通用代码的方法:

优酷视频的通用代码包括两个部分:

第1部分统一为:https://player.youku.com/embed/

第2部分:取这个视频的id,打开视频播放页面,从页面URL中获取id,不同视频id不一样,如下图所示部分:

以上两部分合起来就是要填写的视频来源:https://player.youku.com/embed/视频id,举例:

https://player.youku.com/embed/XMzA******jkyNA==

在网站后台插入视频:


2)如果是youtube上的视频,单击插入视频按钮之后,有个弹出框,弹出框中的“地址”栏输入的链接包括两部分:固定部分+变动部分,https://www.youtube.com/embed/变动内容,固定部分同一为:https://www.youtube.com/embed/,此处的变动部分为此视频youtube页面上下图红色字体标出的部分:

比如:https://www.youtube.com/embed/9VyS***ZAk0


常州不二网络科技有限公司
BULL NETWORK TECHNOLOGY 

关于不二

我们的服务

扫一扫,获取最新资讯
版权所有 © 2019 常州不二网络科技有限公司        备案证书号:苏ICP备16042056号
留言
在线留言