如何上传视频到YouTube并获取视频代码来源?

浏览数量: 556     作者: 本站编辑     发布时间: 2021-07-10      来源: 本站

我们在网站上添加视频,一般是有两种情况,一:在非产品非文章页面上添加视频,例如首页,使用到的是组件里面的视频组件;二:在产品或文章页面上添加视频,在内容->产品/文章->添加产品/文章->产品描述/文章内容,通过插入Iframe按钮插入视频,在弹出的“插入Iframe”对话窗口,输入从优酷或YouTube获取的通用代码。

那么如何上传视频到优酷和YouTube呢?以及如何获取的通用代码呢?

本篇以YouTube举例:


如何上传视频至YouTube

一:进入YouTube官方网站https://www.youtube.com/,点击右上角【上传】选项

QQ截图20180919111340


二:弹出登录界面,输入我们的google账号密码进行登录

QQtupian20


三:进入上传界面,点击【上传】选项,如果上传的视频时长超过15分钟的话,需要设置,点击下方【提高时长上限】QQjietu201


四:在本地列表中找到需要上传的视频,将其添加,进入上传界面,等待上传进度完成

QQ截图20180919113811


五:点击右方的【高级设置】,可以设置该视频的相关选项,比如是否允许评论,字幕添加,画质选择等

QQ截图20180919114008


六:等待视频上传完成,点击后方的【发布】选项即可

QQjietu201 (1)


如何获取到视频通用代码:

YouTube视频分为长视频和短视频

长视频获取通用代码方式:

一:打开上传到YouTube上的视频链接

二:点击视频下方的“分享”按钮

1


三:在弹出框中选择第一个选项“嵌入”

QQ截图20180919133658


四:复制右侧引号里面的视频链接

QQ截图20180919115218


短视频获取链接方式有两种:

第一种:

一:打开上传到youtube上的短视频链接

二:在视频上鼠标右键点击视频,在出来的弹窗中选择”复制嵌入代码“

1

三:将代码复制后,取中间双引号内的视频链接即可

如:<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上的短视频链接,如下图所示:

QQ截图20220524150023



二:我们只需要获取链接后面的字符串,如下图所示:

企业微信截图_16533715429297


三:将获取的字符串套入到此链接中:https://www.youtube.com/embed/字符串,如下图所示:

企业微信截图_16533715778226


如何在领动后台网站添加视频:

第一种情况:在非产品非文章页面上添加视频时,操作入口:添加组件->基础组件->视频组件->视频来源处粘贴获取到的通用视频代码:

QQ截图20180919132655


第二种情况:在产品或文章页面上添加视频时,在内容->产品->添加产品->产品描述->插入iframe->粘贴获取到的视频通用代码:QQ截图20180919115457


文章分类