Shopify中添加YouTube视频并设置自动播放
- 标签:shopifyshopify教程shopify独立站YouTube视频 日期:2022-3-21 查看:1,171
在做shopify独立站的时候,经常需要加入视频,我们用的最多的就是引入YouTube视频。
下面给大家介绍一下如何让YouTube视频实现自动播放。
第一步:打开YouTube视频,在视频上点击右键,如下图所示点击复制嵌入代码
可以复制调用的视频代码
<iframe width="900" height="506" src="https://www.youtube.com/embed/lqGLiJoZQCc"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;" allowfullscreen></iframe>
代码中的 width="560"
是视频宽度,建议修改为 width="100%"
以使视频可以自适应网页;
height="315"
是视频高度,可以根据实际需要修改或者默认即可。
如果需要视频自动播放需要加入自动播放代码:&autoplay=1
视频自动播放代码实例
<iframe width="560" height="315" src="https://www.youtube.com/embed/lqGLiJoZQCc?rel=0&autoplay=1&mute=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
可以直接复制代码,修改一下对应视频地址即可
宽度和高度根据网页需要进行修改。
第二步:进入shopify后台页面编辑界面,如下图选择代码模式
粘贴视频代码即可
也可以直接点击视频按钮
在弹出的界面插入前面复制的视频代码
产品详情添加YouTube视频也是一样的操作。