淘宝店铺“淘宝视频”后面加背景图片方法

导读：前面发布过淘宝店铺免费加视频的方法，后面很多朋友就问能否在视频后面加一个背景图片呢，当然也是可以的，下面就告诉大家怎么实现，欢迎大家向我提问，关注我们公众微信：ddianshang 。有任何的问题或者是需求都可以在微信留言，我会尽我能力处理大家问题。

相关文章

“淘宝店铺免费添加视频的方法”

一、淘宝视频带背景图片视频居中

淘宝店铺视频带背景且视频在图片的中间代码如下，复制下面代码（替换直接的图片链接地址（蓝色代码）和视频链接地址（红色代码））到淘宝店铺自定义栏目以源码的方式保存就可以了。演示地址点击这里

<table width="950" height="420" border="0" background="https://www.ddianshang.com/wp-content/uploads/2014/11/03.jpg">
<tbody>
<tr>
<td>
<div class="skin-box tb-module">
<s class="skin-box-tp"></s>
<div class="skin-box-bd clear-fix">
<div class="skin-box tb-module">
<span><s class="skin-box-tp"></s></span>
<div class="skin-box-bd clear-fix">
<p style="text-align:center;"> <span><span><embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="390" src="http://cloud.video.taobao.com//play/u/1640643552/p/1/e/1/t/1/11810535.swf" type="application/x-shockwave-flash" width="480" wmode="opaque"></embed></span></span></p>
</div>
<span><s class="skin-box-bt"></s></span>
</div>
</div>
<s class="skin-box-bt"></s>
</div>
</td>
</tr>
</tbody>
</table>

解释：

<table width="950"这个控制图片的宽度 height="420"这个表示图片的高度  border="0" 虚线 background="https://www.ddianshang.com/wp-content/uploads/2014/11/03.jpg">这个就是图片的链接地址

这个代码就是背景图片的代码，大家根据自己图片的大小设置对应的尺寸

embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="390"这个视频的高度 src="http://cloud.video.taobao.com//play/u/1640643552/p/1/e/1/t/1/11810535.swf" 这个就是视频的链接type="application/x-shockwave-flash" width="480"这个控制视频的宽度 wmode="opaque">

这个代码就是视频的代码，大家根据自己视频的大小设置对应的尺寸。背景图片于视频怎么搭配好看 ，有创意就得靠你们自己开动脑筋了。

二、淘宝视频带背景图片视频靠左

淘宝店铺视频带背景且视频在图片的左边代码如下，复制下面代码（替换直接的图片链接地址（蓝色代码）和视频链接地址（红色代码））到淘宝店铺自定义栏目以源码的方式保存就可以了。演示地址点击这里

<table width="950" height="420" border="0" background="https://www.ddianshang.com/wp-content/uploads/2014/11/03.jpg">
<tbody>
<tr>
<td>
<div class="skin-box tb-module">
<s class="skin-box-tp"></s>
<div class="skin-box-bd clear-fix">
<div class="skin-box tb-module">
<span><s class="skin-box-tp"></s></span>
<div class="skin-box-bd clear-fix">
<p style="text-align:left;"> <span><span><embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="390" src="http://cloud.video.taobao.com//play/u/1640643552/p/1/e/1/t/1/11810535.swf" type="application/x-shockwave-flash" width="480" wmode="opaque"></embed></span></span></p>
</div>
<span><s class="skin-box-bt"></s></span>
</div>
</div>
<s class="skin-box-bt"></s>
</div>
</td>
</tr>
</tbody>
</table>

实现视频靠左的方法就是改下代码中

<p style="text-align:left;">

改变这个字段就能实现视频居中（center）、靠左（left）、靠右(right),懂英语的话很容易看懂这个代码的。

三、淘宝视频带背景图片视频靠右

淘宝店铺视频带背景且视频在图片的右边代码如下，复制下面代码（替换直接的图片链接地址（蓝色代码）和视频链接地址（红色代码））到淘宝店铺自定义栏目以源码的方式保存就可以了。演示地址点击这里

<table width="950" height="420" border="0" background="https://www.ddianshang.com/wp-content/uploads/2014/11/03.jpg">
<tbody>
<tr>
<td>
<div class="skin-box tb-module">
<s class="skin-box-tp"></s>
<div class="skin-box-bd clear-fix">
<div class="skin-box tb-module">
<span><s class="skin-box-tp"></s></span>
<div class="skin-box-bd clear-fix">
<p style="text-align:right;"> <span><span><embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="390" src="http://cloud.video.taobao.com//play/u/1640643552/p/1/e/1/t/1/11810535.swf" type="application/x-shockwave-flash" width="480" wmode="opaque"></embed></span></span></p>
</div>
<span><s class="skin-box-bt"></s></span>
</div>
</div>
<s class="skin-box-bt"></s>
</div>
</td>
</tr>
</tbody>
</table>

还有什么不懂的可以给我留言评论，或者关注公众微信：ddianshang 在微信给我留言，我看到会回第一时间回复大家。