Youtube内嵌视频不能自适应的解决办法

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

世界上更大的视频网站youtube对于寄存视频特殊适合，便于分享流传，也可以给网站带来流量，迅速打开的同时还免费。

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

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

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

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

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

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

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

附有代码：

<p 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></p><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>

详情可添加微信好友，获取相关业务资料。