浏览数量: 554 作者: 本站编辑 发布时间: 2021-07-10 来源: 本站
我们在网站上添加视频,一般是有两种情况,一:在非产品非文章页面上添加视频,例如首页,使用到的是组件里面的视频组件;二:在产品或文章页面上添加视频,在内容->产品/文章->添加产品/文章->产品描述/文章内容,通过插入Iframe按钮插入视频,在弹出的“插入Iframe”对话窗口,输入从优酷或YouTube获取的通用代码。
那么如何上传视频到优酷和YouTube呢?以及如何获取的通用代码呢?
本篇以YouTube举例:
如何上传视频至YouTube:
一:进入YouTube官方网站https://www.youtube.com/,点击右上角【上传】选项
二:弹出登录界面,输入我们的google账号密码进行登录
三:进入上传界面,点击【上传】选项,如果上传的视频时长超过15分钟的话,需要设置,点击下方【提高时长上限】
四:在本地列表中找到需要上传的视频,将其添加,进入上传界面,等待上传进度完成
五:点击右方的【高级设置】,可以设置该视频的相关选项,比如是否允许评论,字幕添加,画质选择等
六:等待视频上传完成,点击后方的【发布】选项即可
如何获取到视频通用代码:
YouTube视频分为长视频和短视频
长视频获取通用代码方式:
一:打开上传到YouTube上的视频链接
二:点击视频下方的“分享”按钮
三:在弹出框中选择第一个选项“嵌入”
四:复制右侧引号里面的视频链接
短视频获取链接方式有两种:
第一种:
一:打开上传到youtube上的短视频链接
二:在视频上鼠标右键点击视频,在出来的弹窗中选择”复制嵌入代码“
三:将代码复制后,取中间双引号内的视频链接即可
如:<iframe width="658" height="1169" src="https://www.youtube.com/embed/R8tX1mtY4Jo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
获取蓝色链接部分:https://www.youtube.com/embed/R8tX1mtY4Jo
第二种:
一:打开上传到youtube上的短视频链接,如下图所示:
二:我们只需要获取链接后面的字符串,如下图所示:
三:将获取的字符串套入到此链接中:https://www.youtube.com/embed/字符串,如下图所示:
如何在领动后台网站添加视频:
第一种情况:在非产品非文章页面上添加视频时,操作入口:添加组件->基础组件->视频组件->视频来源处粘贴获取到的通用视频代码:
第二种情况:在产品或文章页面上添加视频时,在内容->产品->添加产品->产品描述->插入iframe->粘贴获取到的视频通用代码: