淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 941|回复: 29
收起左侧

【拿币看分享】详情视频加背景

[复制链接]
回帖奖励 210 美工币 回复本帖可获得 30 美工币奖励! 每人限 1 次
  • TA的每日心情
    加油
    2016-11-16 09:17
  • 签到天数: 67 天

    连续签到: 1 天

    [LV.6]渐入佳境

    15

    主题

    132

    帖子

    2860

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2860

    发表于 2016-8-24 16:34:08 | 显示全部楼层 |阅读模式
    本帖最后由 Rain 于 2016-8-24 17:41 编辑

    之前总监布置任务的时候,无意在网上看到的,自己感觉很有用,所以就拿来分享一下,而且自己以后用到的话,就不用再网上搜了;可能就我不知道,大家估计早就知道了吧......

    淘宝视频带背景图片视频居中
    gg.jpg
    淘宝店铺视频带背景且视频在图片的中间代码如下,复制下面代码(替换直接的图片链接地址和视频链接地址)到淘宝店铺自定义栏目以源码的方式保存就可以了
    https://ximengsm.taobao.com/p/yansi.htm←←←←←演示地址请点这里
    实例代码如下
    1. <table width="950" height="420" border="0" align="center" background="此处放置背景图片链接">
    2.   <tbody>
    3.     <tr>
    4.       <td><embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="390" src="此处放置淘宝视频链接" type="application/x-shockwave-flash" width="480" wmode="opaque"></embed></td>
    5.     </tr>
    6.   </tbody>
    7. </table>
    复制代码




    解释:
    001.jpg
    这个代码就是背景图片的代码,大家根据自己图片的大小设置对应的尺寸

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


    左右靠边的都是可以的,修改参数align="center"
    修改center
    left则视频偏左;
    修改centerright则视频偏右;

    QQ图片20160824153421.png QQ图片20160824153431.png


    之前管理员把帖子删掉了,原因可能是看代码太乱,而且我发了原文链接,可能就说是广告行为,这次我自己简单整理了,可能没有原文看的明白吧,不过不懂的可以问我








    QQ图片20160824152443.png

    评分

    参与人数 1美工币 +200 收起 理由
    Rain + 200 赞一个!

    查看全部评分

    欢迎加入我们,美工交流群: 224657256
  • TA的每日心情
    加油
    2016-11-16 09:17
  • 签到天数: 67 天

    连续签到: 1 天

    [LV.6]渐入佳境

    15

    主题

    132

    帖子

    2860

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2860

     楼主| 发表于 2016-8-24 16:46:49 | 显示全部楼层
    刚才上面没有设置好,输入的时候,把整个视频连接复制上去,就自动显示了视频,大家可以直接把正在播放的视频的链接改成自己的视频连接即可,真的很对不起
    欢迎加入我们,美工交流群: 224657256
  • TA的每日心情
    加油
    2016-11-16 09:17
  • 签到天数: 67 天

    连续签到: 1 天

    [LV.6]渐入佳境

    15

    主题

    132

    帖子

    2860

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2860

     楼主| 发表于 2016-8-24 16:48:47 | 显示全部楼层
    真的很抱歉:下面是再次整理的

    实际代码如下,可对照上面图片
    <table width="950" height="420" border="0" background="这里换你的图片地址">
    <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="填写你的视频地址" 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="你的图片地址">
    这个代码就是背景图片的代码,大家根据自己图片的大小设置对应的尺寸

    embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="390"这个视频的高度 src="视频连接地址"
    欢迎加入我们,美工交流群: 224657256
  • TA的每日心情
    吐舌头
    2016-9-30 09:59
  • 签到天数: 59 天

    连续签到: 2 天

    [LV.5]略有小成

    19

    主题

    550

    帖子

    961

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    961

    发表于 2016-8-24 17:19:51 | 显示全部楼层

    回帖奖励 +30 美工币

    不错不错

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    无奈
    3 小时前
  • 签到天数: 291 天

    连续签到: 1 天

    [LV.8]自成一派

    53

    主题

    2469

    帖子

    8万

    积分

    超级版主

    阅读权限: 150

    超级大菜鸟

    Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18

    积分
    89106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    发表于 2016-8-24 17:32:04 | 显示全部楼层

    回帖奖励 +30 美工币

    如果要插入代码请用这个东西<>避免出现乱码等等等【如下图】...已经给你编辑好文章了...前面删你文章主要有两点
    1.广告,不得发任何群号微信公众号!
    2.各种乱码,各种看不懂!
    000002.png

  • TA的每日心情
    加油
    2016-11-16 09:17
  • 签到天数: 67 天

    连续签到: 1 天

    [LV.6]渐入佳境

    15

    主题

    132

    帖子

    2860

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2860

     楼主| 发表于 2016-8-24 17:39:49 | 显示全部楼层
    Rain 发表于 2016-8-24 17:32
    如果要插入代码请用这个东西避免出现乱码等等等【如下图】...已经给你编辑好文章了...前面删你文章主要有两 ...

    我知道,但是删了之后,我在论坛里做什么都是出错,然后就是什么我在的用户组不能发帖什么的,当时删了我,我能理解,但是后来我再次发这个贴的时候,好好整理了,结果总是发不出去,心里焦躁

    点评

    那就不清楚了...照理来说是没问题的..可能是你编辑的时间过长了  发表于 2016-8-24 17:42
    欢迎加入我们,美工交流群: 224657256
  • TA的每日心情
    加油
    2016-11-16 09:17
  • 签到天数: 67 天

    连续签到: 1 天

    [LV.6]渐入佳境

    15

    主题

    132

    帖子

    2860

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2860

     楼主| 发表于 2016-8-24 17:42:01 | 显示全部楼层
    Rain 发表于 2016-8-24 17:32
    如果要插入代码请用这个东西避免出现乱码等等等【如下图】...已经给你编辑好文章了...前面删你文章主要有两 ...

    还是谢了O(∩_∩)O~

    欢迎加入我们,美工交流群: 224657256
  • TA的每日心情
    吐舌头
    2016-11-28 10:49
  • 签到天数: 249 天

    连续签到: 1 天

    [LV.8]自成一派

    4

    主题

    447

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    37687

    最佳新人热心会员

    发表于 2016-8-25 08:42:27 | 显示全部楼层

    回帖奖励 +30 美工币

    感谢分享

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    昨天 09:33
  • 签到天数: 212 天

    连续签到: 6 天

    [LV.7]炉火纯青

    2

    主题

    584

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    48089

    发表于 2016-8-25 08:43:19 | 显示全部楼层

    回帖奖励 +30 美工币

    感谢分享感谢分享
    人生有两种境界,痛而不言,笑而不语。欢迎加入美工群一起交流学习。179222786ฏ๎๎๎๎๎๎๎๎๎๎้้้้้้้้้้๎๎๎๎๎๎๎๎๎๎้้้้้้้
  • TA的每日心情
    无奈
    6 天前
  • 签到天数: 122 天

    连续签到: 1 天

    [LV.7]炉火纯青

    5

    主题

    186

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    22557

    最佳新人热心会员

    发表于 2016-8-25 08:46:18 | 显示全部楼层

    回帖奖励 +30 美工币


    感谢分享感谢分享

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-11 14:14 , Processed in 0.151215 second(s), 31 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表