外贸独立站导航

  • 常用
  • 百度
  • google
  • 站内搜索

shopify试用

Shopify中添加YouTube视频并设置自动播放

在做shopify独立站的时候,经常需要加入视频,我们用的最多的就是引入YouTube视频

下面给大家介绍一下如何让YouTube视频实现自动播放。

第一步:打开YouTube视频,在视频上点击右键,如下图所示点击复制嵌入代码

视频调用

可以复制调用的视频代码

PHP
<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

视频自动播放代码实例

PHP
<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视频插入

产品详情添加YouTube视频也是一样的操作。

 

作者 时间2022-03-21 16:08:56 浏览量 1,467 次  

热门推荐

WorldFirst万里汇 B2B

丰富场景,灵活付款至人民币账户、外币账户,全球互联,多主体资金收付,0 费用、秒到账

点击注册

WorldFirst万里汇 B2C

0.3%费率封顶、最快1分钟内到账(节假日也能提)、汇率透明0汇损。

点击注册