在做独立站的过程中,市场上SAAS模式建站是不允许上传较大视频或干脆不允许上传视频。将网站自建者的服务器带宽一般不大,将服务器上的视频资源放在服务器上会占用大量的带宽,影响整个网站的开放速度。但是在当前短视频风靡的时代,在网站上添加一个产品或者一个评价视频的视频,都可以帮助提高转化率

世界上最大的视频网站youtube对于存放视频特别合适,便于分享传播,也可以给网站带来流量,快速打开的同时还免费。

怎么把youtube视频嵌入独立站点?

youtube内嵌视频不能自适应怎么办?

1、尚未上载视频的youtube网站请点击左上角的三个横杆-->选择您的视频-->点击右上角的“创建”以上传视频-->然后打开视频播放界面,点击共享-->嵌入-->复制代码。

2、打开商品详细页面等独立站所要嵌入位置的编辑器,在打开编辑器后,点击HTML切换到编码模式-->粘贴刚刚复制的代码,然后再按下html切换回视图模式,查看youtube的视频。

3、提交后在pc端的作用。

移动终端(移动端):我们能够看到的视频只有一半,而另一半没有,这种情况可以通过嵌入代码来解决。

4、在youtube代码之外添加一个div模块,以根据代码对pc端和手机端进行定制。

附有代码:

<div class="video-box">  <iframe width="560" height="315" src="https://www.youtube.com/embed/ZNziUUhjmvI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="">  </iframe></div><style type="text/css">.video-box{    position: relative;    width: 100%;    height: 0;    padding-bottom: 56.25%;}.video-box iframe{    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}@media screen and (max-width:800px){  .video-box{        width:100%;  }}</style>

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)