教你如何在网站页面上插入youtube视频

随着社会的快速发展，5G网络带来的流量红利，还有摄像技术的进一步提高，人的审美也由静态变成动态，所以网站上的视频也越来越重要，现在的网站都在包含有视频，至少包含一个公司介绍的视频，或者包含产品介绍的视频。一般情况，我们国内的客户网站的视频都是放在阿里云OOS对象存储和腾讯云的COS对象存储里的，虽然需要支付一定的费用，但它们是没有广告的，而且费用比较便宜。如果你做的是针对国外的网站，完全可以使用youtube来存放视频，并且这些视频是免费的。

 

第一步：打开任意的youtube的视频网页，在视频的右下角有分享的功能，如下图所示：

 

点击“分享”，会弹出下图所示的信息：

 

第二步，点击“嵌入”的按钮，在视频的右边会出现的页面如下图所示：

第三步，复制iframe中的src地址，即视频地址，然后把它放到网页上，代码如下：

  <iframe  style=”width: 100%; height: 100%; object-fit: fill; ” src=’https://www.youtube.com/embed/pkq57bcpEbQ’ frameborder=0 ‘allowfullscreen’></iframe>

 

效果如下图所示：

这样就完整的把youtube视频嵌入到页面中了。因为视频不是自动播放的，需要点击才能播放，所以同样适用于手机网站中。