shopify博客插入视频

 shopify博客插入视频,提供嵌入代码形式

1.选择插入视频选项

2. 将嵌入代码加入进去

 -1-常规插入视频
<iframe width="560" height="315" src="视频链接" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-2-添加放大视频尺寸并使视频在Shopify博客文章中居中样式:
<div style="text-align: center;">
  <iframe width="800" height="450" src="视频链接" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

3.效果:

补充说明:

不同平台的视频链接引入不太一样,一些引入了不一定可以正常观看,比如我遇到的YouTube

视频链接要改成这样:https://www.youtube.com/embed/xxx(xxx为视频id)

举个栗子

https://www.youtube.com/watch?v=31l0S0QEwVE(不能打开或者直接引用) 

它的id为'31l0S0QEwVE'

那shopify引入YouTube视频链接要改成 https://www.youtube.com/embed/31l0S0QEwVE

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值