浏览数量: 279 作者: 本站编辑 发布时间: 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