淘宝天猫描述页图片上添加视频链接实现点击播放视频及单图全屏案例演示

作者：疯狂的美工萱萱    日期：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里设计图片做个播放条和视频按钮，二是可以复制出你的视频地址播放过程中截图然后保存做为视频封面这样就不用做图。这两种方法都是不错的！