B2B企业外贸网站2种方式来加载Youtube视频

为了更好的展示企业形象、产品和客户案例，最直接的方式就是在企业外贸网站发布相关视频，更能吸引客户，带来询盘。视频文件一般都比较大，如果放在网站服务器端，可能占用流量和带宽，影响网页和图片的加载速度，减慢网站打开速度，普遍的做法就是把视频先发布到国外的大的视频网站，比如Youtube, 然后再把视频嵌入到企业外贸网站。
有两种方式可以把Youtube网站的视频嵌入B2B企业外贸网站：
1.通过iframe标签来加载

如果只是简单加载出来youtube视频，只需要一个iframe标签，把地址赋给src就可以。
如下，VIDEO_ID是youtube视频的id，但注意要在ID前期加上embed才能正常加载。
youtube地址：https://youtu.be/VIDEO_ID
改为：https://www.youtube.com/embed/VIDEO_ID

<iframe width="100%" height="100%" :src="'https://www.youtube.com/embed/'+VIDEO_ID+'?enablejsapi=1&autoplay=1&loop=1&playlist='+VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen"></iframe>

可以通过动态赋值来改变参数，可以动态操作视频.

2.通过HTML5的video标签来显示Youtube的视频，这个没有iframe框架，容易比较整合其他JS效果。难点就是src的设置，正确的设置才能正常显示youtube视频，否则不能正常显示。

<video id= "video1" class="video-product" preload="none" controls="controls"  poster="/Public/equipments.jpg" src="https://XXXXXXXX" width="100%" height="auto">
            <source src="https://XXXXXXXX"><span><img src="/Public/pop/iPad-Pro-150x150.jpg" alt="product name1">
</video>

本文 跨境啦 原创，转载保留链接！网址：https://tradela.cn/外贸营销/21.html