艺灵设计

全部文章
×

淘宝店铺装修教程之详情页免费添加flash视频

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2015-09-12 22:01:11 - 阅: - 评:0 - 积分:0

摘要:
  在装修淘宝店铺时,你还在为不能插入视频而烦恼吗?你还认为插入视频就必须要购买淘宝服务吗?NO!......

跟上一篇免费制作淘宝视频及获取flash播放地址教程一样,这又是一篇初级科普教程,暂时还不会插入淘宝视频以及认为插入视频就必须要购买淘宝服务的看官请仔细看这篇教程。(注:已会的可跳过;想直接看答案的看文章末尾;想了解的请看完。)

误区一回放

正常情况下,按照一般人的思路来说:“如果想给店铺首页里面插入flash视频他可能会新建一个模块。”于是在点击“添加模块”后他看到了这个“Flash模板区”模块(注:淘宝基础版没有此默认模块,专业版有。),然后兴奋的点击添加。当他再点击编辑模块时却发现原来并不是那么回事,如图:误区一是添加Flash模板区

误区二回放

这天,有个看官在装修首页,突然发现“自定义内容区”上面有一个flash按钮,带着疑问的他点击了一个,结果提示:“您的Flash服务未订购或已过期,立即订购”。当再点击“立即订购”时会跳转到淘宝服务市场中,如图:误区二是点击flash按钮亲们这下能明白吗?也就是说:如果你想使用flash功能就掏银子吧,不想掏银子那你只能看看,看官们可懂!?

走出误区

前面说了那个“自定义内容区”,何为“自定义内容区”?简单点说:“自定义内容区是淘宝留给看官写自定义代码的一个模块。”但你不要高兴过早!虽然是自定义代码,但代码必须要经过淘宝他老人家的层层过滤才行。要不然你搞个修改销量代码扔进去、搞个js外链扔进去干些坏事那可就不得了了。(咳咳,艺灵会告诉你:现在利用那些超牛b可破解淘宝css权限的模块仍然可以修改销量么!)

现在你该知道怎么做了不?也就是说:你将flash代码直接放到自定义内容区即可实现你想要的功能了!!!(其实,作为一个稍微正常一点的人,基本上都能想到这个方法。如果看官不能做到,艺灵觉得看官该反思了......)

当你看到艺灵用一句话就公布了答案时你开始大呼:“我擦,就这么简单?你TM没骗我?”

艺灵:“花几小时写一篇教程来骗你有何意义!如果你觉得我骗了你,请扫文章末尾的二维码,拿银子狠狠的向我砸来吧~”

案例见证一切

接下来是案例见证一切的时刻,为什么要展开这一环节呢?那是因为有很多看官都是眼高手低,动手习惯极差!即便是当时懂了,过几天遇到这个问题又忘得一干二净了。废话不多说,进入主题。

我们先找一个flash视频代码,由于昨天艺灵有上传淘宝视频,那我们就地取材好了。先进入淘宝视频,选择点击发布成功的视频后面的“复制视频链接”,昨天的配图:复制视频链接代码以下案例以选择“flash代码”为例。

flash地址:

  1. <!--制作导航旋转特-->
  2. http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/27716485.swf

有了地址是不行的,应该还需要一个播放器。这就好比图片地址一样,你只有src是不行的,因为你需要写一个<img/>标签,然后将图片地址放到src中才能显示图片。

那么我们的这个播放器代码该如何写呢?

通常情况下我们使用embed标签就行了,下面是完整的代码片段。

embed标签:

  1. <!--请修改下方黄色高亮部分,其它代码勿修改-->
  2. <embed src="自己填写flash视频地址" quality="high" align="middle" type="application/x-shockwave-flash" allowscriptaccess="never" flashvars="scene=taobao_shop" wmode="transparent"></embed>

flash地址和embed标签都有了,接下来我们将代码先修改下然后再放到淘宝店铺中做测试。

完整代码:

  1. <!--width是宽度;height是高度;title是标题;黄色高亮部分均可修改。如果没有html代码基础请不要随意修改以免出错!-->
  2. <embed src="http://cloud.video.taobao.com/play/u/759415648/p/1/e/1/t/1/27716485.swf" quality="high" align="middle" type="application/x-shockwave-flash" title="制作导航旋转特效" class="ylsj-video" style="width:950px;height:570px;" allowscriptaccess="never" flashvars="scene=taobao_shop" wmode="transparent"></embed>

好了,复制上面的完整代码放到“自定义内容区”中吧。这里需要注意一点:一定要点击源码格式!!!。粘贴代码后点击确定,然后点击浏览器右上角的发布即可。如图:正确方法是将flash放自定义内容区中

接下来就是见证奇迹的时刻了,我们再打开自己的淘宝店铺首页即可看到刚才添加的flash视频,如图:发布后的效果图

思考

前面用了这么长的篇幅终于让看官们可以自由在淘宝店铺首页添加flash视频了,那么详情页该如何添加flash视频呢?不得不说这个问题难倒了多少人!!!

详情页免费添加flash视频

方案一:详情页添加“自定义内容区”,剩下的按照上面流程操作即可;
方案二:将flash视频代码写到“编辑宝贝”页面中的“宝贝描述”中。

优缺点对比
方案优点缺点
方案一不会被屏蔽淘宝店铺中只能在“宝贝描述”下面,天猫中可出现在“宝贝描述”上面
方案二可出现在最上面淘宝偶尔会抽,然后就屏蔽了......

请不要再告诉我:看完教程的你还不会在淘宝店铺中免费添加flash视频!

----------完----------

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/code/2015-09-12/308.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: 淘宝店铺装修教程 详情页视频 淘宝视频代码 免费flash 经验分享

上一篇: 免费制作淘宝视频及获取flash播放地址   下一篇: 淘宝店铺装修教程之视频不能自动播放的两种解决方案

评论区