400-800-9385
网站建设资讯详细

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

发表日期:2021-05-26 09:23:08   作者来源:陈应信   浏览:865   标签:网站播放视频    视频网站建设    
随着社会的快速发展,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视频嵌入到页面中了。因为视频不是自动播放的,需要点击才能播放,所以同样适用于手机网站中。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6047.html