shopify独立站咨询

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

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


相关阅读:
  • 独立站智能模特图生成工具PicEasy 一键生成模特商品图
  • Shopify添加Google Ads的转化跟踪代码,提升广告转化
  • Airwallex空中云汇Shopify收单插件上线啦,赋能独立站收款安全、高速增长
  • 12个shopify独立站seo教程,快速提升独立站排名
  • shopify独立站店铺编号怎么获取
  • 推荐一个0开户费 | 0年费 | 0佣金适合中国卖家的信用卡收款工具
  • Shopify批量上传工具wmtools,一键批量采集Shopify产品导入独立站后台的工具
  • Shopify免费logo生成工具Hatchful
  • shopify独立站利用【Google Ads】谷歌购物广告获取精准长尾词流量
  • 教你shopify独立站怎么做seo优化引流