J9国际集团|Home

135-2716-3909
网站建设资讯详细

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

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