主页/ 电商学院/网站开发/教你如何在网站页面上插入youtube视频

教你如何在网站页面上插入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视频嵌入到页面中了。因为视频不是自动播放的,需要点击才能播放,所以同样适用于手机网站中。
0 喜欢
508 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交