导读:前面发布过淘宝店铺免费加视频的方法和视频后面加一个背景图片的方法,那么问题来了能否让两个视频并排呢,当然可以,下面就告诉大家怎么实现,欢迎大家向我提问,关注我们公众微信:ddianshang 。有任何的问题或者是需求都可以在微信留言,我会尽我能力处理大家问题。
相关文章
淘宝视频带背景图片视频居中
如图就是淘宝店铺首页宽950自定义栏目视频并排的效果,复制下面代码(替换直接的图片链接地址和两个视频链接地址)到淘宝店铺自定义栏目以源码的方式保存就可以了。演示地址点击这里
<table background="http://img04.taobaocdn.com/imgextra/i4/1640643552/TB2ATWIbFXXXXXLXXXXXXXXXXXX-1640643552.jpg" border="0" cellpadding="0" cellspacing="0" width="950"> <tbody> <tr> <td height="390" valign="top"> <div style="margin-left:30.0px;margin-top:30.0px;width:400px;height:318.0px;float:left;"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://cloud.video.taobao.com//play/u/474747219/p/2/e/1/t/1/17749811.swf" type="application/x-shockwave-flash" wmode="opaque" height="318" width="400" allowscriptaccess="never" flashvars="scene=taobao_shop"> </embed> </div> <div style="margin-left:78.0px;margin-top:30.0px;width:400px;height:318.0px;float:left;"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://cloud.video.taobao.com//play/u/474747219/p/2/e/1/t/1/17749825.swf" type="application/x-shockwave-flash" wmode="opaque" height="318" width="400" allowscriptaccess="never" flashvars="scene=taobao_shop"> </embed> </div> </td> </tr> </tbody> </table>
解释:
<table background="http://img04.taobaocdn.com/imgextra/i4/1640643552/TB2ATWIbFXXXXXLXXXXXXXXXXXX-1640643552.jpg这个就是背景图片的链接地址替换成自己的" border="0" cellpadding="0" cellspacing="0" width="950"这个是整个栏目的宽度,首页是950,详情页是750(天猫首页990,详情页790)>
这个代码就是背景图片的代码,大家根据自己图片的大小设置对应的尺寸
<td height="390"这个是栏目的高度390 valign="top"> <div style="margin-left:30.0px这个是视频框架距左边30;margin-top:30.0px这个是视频距顶部30px;width:400px这是是视频框架宽度400;height:318.0px这个是视频框架高度318px;float:left;">
这段表示视频在背景图片上的摆放位置,大家可以根据自己需求调成自己的
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://cloud.video.taobao.com//play/u/474747219/p/2/e/1/t/1/17749811.swf这个是视频的链接地址替换成你自己的" type="application/x-shockwave-flash" wmode="opaque" height="318"这个是视频高度318 width="400"这个是视频宽度400 allowscriptaccess="never" flashvars="scene=taobao_shop"> </embed>
这段是视频链接地址和视频的尺寸的设置,安装自己需求设置就可以了。赶紧动手吧,控制了视频的摆放位置就可以和背景图片绝妙的搭配了,可以做出很多种效果,增加店铺的购物体验。
ps:这个是一个店铺产品详情页的案例
评论前必须登录!
注册