外贸独立站导航

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

独立站教程

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视频也是一样的操作。