关注电商
我们一直在努力

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

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

1221

相关文章

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

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

淘宝视频背景居中

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

<table width="950" height="420" border="0" background="http://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="http://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="http://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="http://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 在微信给我留言,我看到会回第一时间回复大家。

 

欢迎分享本文,转载保留出处:大电商 » 淘宝店铺“淘宝视频”后面加背景图片方法
分享到: 更多 (0)

留言 22

评论前必须登录!

 

  1. #1

    不错 学习了

    dier2年前 (2015-01-19)
  2. #2

    我在详情页页面 添加按照你上面的说法,还是不可以的,视频添加后,是白色的,没有背景色

    xinkai_121年前 (2016-04-22)
    • 你是加在产品详情页 还是首页和自定义页面

      大电商1年前 (2016-04-22)
      • 产品详情页的

        xinkai_121年前 (2016-04-22)
        • 新规则变了 不能弄免费的了 详情页 首页和自定义页面就可以

          大电商1年前 (2016-04-22)
          • 什么意思?

            xinkai_121年前 (2016-04-22)
          • 是需要购买 第三方软件的吗?

            xinkai_121年前 (2016-04-22)
          • 2363739758

            xinkai_121年前 (2016-04-22)
      • 我可以加你QQ, 咨询你吗

        xinkai_121年前 (2016-04-22)
        • 2363739758

          xinkai_121年前 (2016-04-22)
        • 你好 你可以去淘宝服务市场 https://fuwu.taobao.com 购买视频服务 或者 新建一个自定义页面 吧视频放在自定义页面 详情页上方自定义页面链接 导流到自定义页面看视频

          大电商1年前 (2016-04-22)
          • 我后面那句 没懂,新建一个自定义页面 吧视频放在自定义页面 详情页上方自定义页面链接 导流到自定义页面看视频,,我有购买淘宝视频服务的。我是天猫店铺,就是不知道怎么添加到详情页视频的

            xinkai_121年前 (2016-04-22)
          • 那样,淘宝后台不让我发布,显示错误代码。

            xinkai_121年前 (2016-04-22)
          • 还有就是, 他们是不是 购买第三方视频软件了,才可以导进去的

            xinkai_121年前 (2016-04-22)
  3. #3

    我的怎么不行,全部都按照上面的步骤做完,去首页查看的时候还是一样的,自定义区全是这样的代码,根本没有视频,这是怎么回事啊,在线急等

    qx13610个月前 (09-15)
  4. #4

    大神你好 我想咨询一下 你这个编码我用了 但是我视频位置只能最左 最右 或者中间吗 能不能设置编码里的那个数值让视频移动位置

    96zzz8个月前 (11-01)
    • 改变这个字段就能实现视频居中(center)、靠左(left)、靠右(right),懂英语的话很容易看懂这个代码的。

      大电商8个月前 (11-02)
    • p style=”text-align:left;”

      大电商8个月前 (11-02)
  5. #5

    现学现卖,很好!只是这样加的视频点击全屏观看好像不行了?怎么解决?

    comisar3个月前 (03-26)