淘宝天猫描述页图片上添加视频链接实现点击播放视频及单图全屏案例演示
作者:疯狂的美工萱萱 日期:2018-6-9 11:26 人气:3492
-
数据加载中...
淘宝天猫店铺描述详情页怎么在图片上添加视频链接?如何实现描述页视频模块的安装?疯狂的美工淘宝天猫单图单链接全屏及单图加视频链接插入详情页的案例,疯狂的美工小编给大家带来一个非常简单又比较稳妥的方法,操作不难,跟着教程学习一下就会了哦~
(新版)淘宝天猫单图单链接模块代码在线生成工具地址:https://www.fkdmg.com/gongju/2651.html
(旧版)淘宝天猫单图单链接模块代码在线生成工具地址:http://gn.zx.mgzxzs.com/tools-19-1.html
这是一个非常简单的功能,这节课主要教大家给图片加上视频链接然后放到详情页里面,实现点击图片播放视频。顺便演示单张全屏海报的安装
前期准备:1.准备好一张图片(淘宝详情是750宽 天猫是790 高度不限 如果是首页或者自定义页面用可以做全屏1920的尺寸)
还有就是要准备一个要加的链接(如果是视频就准备mp4视频地址)
(使用这个方法的好处如果没有单独装修手机端详情页直接引用的是电脑端的装修那在手机端时点击图片也可以播放视频)
教程我会演示获取mp4视频链接 视频上传地址:ugc.taobao.com
关于视频图片封面的设计,小编给大家两点建议,一是可以自己PS里设计图片做个播放条和视频按钮,二是可以复制出你的视频地址播放过程中截图然后保存做为视频封面这样就不用做图。这两种方法都是不错的!

常见问题/技术分享查看更多
- 2019淘宝手机端无线端详情页图片尺寸大小多少合适?
- 苹果mac电脑系统上怎么使用疯狂的美工店铺装修助手代码工具
- 免费无版权可商用高清片头特效视频下载网站盘点
- 淘宝手机端后台插入镇店必买视频模块操作方法,互动视频投放步骤
- 淘宝天猫手机店铺设置电话模块方法,买家可一键播打公司服务电话无需手动输入号码
- 淘宝及天猫无线端店铺页头店招图片尺寸大小分别是什么?
- 疯狂的美工微信小程序绑定关联网站会员账号操作步骤
- 淘宝手机店铺新建添加自定义活动页面方法,天猫无线端二级页面怎么装修?
- 疯狂的美工新版软件无法正常打开登入界面提示此网站的安全证书有问题解决方法
- 电商美工设计师学习C4D是趋势,C4D快捷键大全整理快来收藏