Three主题如何添加视频分享?

原创 懿古今  2015-08-17  阅读 2,232 次

最近发现Three主题的视频分享功能有问题,分享HTML代码的视频在PC端看视频没有问题,但是用手机端看的时候不能加载成功;切换成通用代码的视频,显示的视频不是自适应,感觉很不爽,我还是比较喜欢知更鸟大神的那种分享方式,就是通过分享视频相关的图片,点击该图片后弹出视频播放的弹窗。Three主题1.05版本已经实现该功能,今天特意分享出来让大家明白Three主题如何添加视频分享。

具体操作步骤如下:

1、在各个视频网站找到想要分享的视频,在视频下方找到分享的通用代码,复制通用代码中的src源地址,如下图红线所示的地址。

Three主题如何添加视频分享?

2、进入WordPress后台的编辑文章的文本模式,点击【视频分享】按钮,把下图红线所示的“插入视频分享通用代码中的视频src源地址”替换为第一步的视频src源地址。

Three主题如何添加视频分享?1

3、把代码中的“插入视频图片”删除,并在那里通过【添加媒体】按钮添加一张视频相关的图片。建议通过“从URL插入”的方式添加图片,注意对齐方式一定要选择“中”,链接到选择“无”。通过“插入多媒体”的方式添加图片也一样,对齐方式一定要选择“中”,链接到选择“无”。

Three主题如何添加视频分享?2

4、添加好视频src源地址和图片后的代码如下:

  1. <div class="video-content"><a class="videos" title="播放视频" href="http://player.youku.com/embed/XMTMxMDU2ODU3Ng=="><img src="http://tp.yigujin.cn/150727_395.jpg" width="500" height="373" alt="视频测试" class="aligncenter" /><i class="play"></i></a></div>

5、这个时候我们再编辑文章的其他信息,如文章分类、tag标签等信息后就可以直接发布文章了。此时,视频分享的功能已经实现,效果图如下:

Three主题如何添加视频分享?3

6、点击该图片即可直接弹出一个视频播放的窗口,该图片和视频窗口都是自适应的,效果还不错,大家可以试试。

Three主题如何添加视频分享?4

历史上的今天:

本文地址:http://yigujin.cn/416.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!
WordPress免费清新BLOG/CMS响应式主题Nana专题文章
WordPress免费响应式主题:Nana

发表评论


表情

  1. 分钱榜
    分钱榜 【村长】 @回复

    为什么我加上去是跳转到这个视频地址了,不是弹出

    • 懿古今
      懿古今【站长】 @回复

      @分钱榜 请确保按教程步骤添加,本站分享的主题都测试无误

  2. Koolight
    Koolight 【市长】 @回复

    这样在电脑上很美观,可在手机上,悬浮出来的视频播放窗会显得不很协调的。

    • 懿古今
      懿古今【站长】 @回复

      @Koolight [呲牙] 其实这个视频分享对于大部分博客而已很少用到,我自己也是这样,所以就懒得折腾

  3. 阿龙个人博客
    阿龙个人博客 【市长】 @回复

    我使用的主题编辑器里没有这个视频功能,很遗憾呀。

  4. 清风
    清风 【村长】 @回复

    准备给一个朋友的新站用上这个主题,正在折腾中,先感谢一下懿古今,有问题可能还要经常来请教呢

    • 懿古今
      懿古今【站长】 @回复

      @清风 欢迎使用,只要是主题使用方面都可以,也欢迎加入主题交流群477678587,不过修改主题增加功能之类的就只能靠大家百度解决了。

  5. 27joy.cn耕耘网
    27joy.cn耕耘网 【队长】 @回复

    WordPress只适合做那些小站点玩玩还是不错的

  6. 灰常记忆
    灰常记忆 【镇长】 @回复

    小细节,很少有人全发视频吧。 [憨笑]

    • 懿古今
      懿古今【站长】 @回复

      @灰常记忆 这个倒是,如果不是前阵子我发过一个视频,都不注意到这个细节,不过注意到了,也就折腾折腾

  7. 路易大叔
    路易大叔 【市长】 @回复

    功能好强大啊

    • 懿古今
      懿古今【站长】 @回复

      @路易大叔 [呲牙] 也没有那么夸张,这个其实也是模仿知更鸟的,知更鸟最新的begin主题也是这个样子的

  8. videoclub
    videoclub 【省长】 @回复

    很好的主题 值得推广

    • 懿古今
      懿古今【站长】 @回复

      @videoclub [呲牙] 谢谢夸奖,对于推广就懒了,毕竟是免费主题,喜欢用的就下载

  9. 天中青年
    天中青年 【市长】 @回复

    腾讯视频无法上传了有没有,微信公众号只支持腾讯视频,可是我发现想上传时,干点击没有反应。

    • 懿古今
      懿古今【站长】 @回复

      @天中青年 还要上传的?我都是直接链接到视频的源地址直接播放的

  10. 天中青年
    天中青年 【市长】 @回复

    竟然都是自适应的,确实很棒。

    • 懿古今
      懿古今【站长】 @回复

      @天中青年 [呲牙] 其实独立博客的文章大部分都是图文并茂,极少数会发视频的

  11. IT疯狂女
    IT疯狂女 【村长】 @回复

    Three主题看起来不错额

  12. 夜
    【村长】 @回复

    腾讯视频是不是取消代码分享了·?

    • 懿古今
      懿古今【站长】 @回复

      @ 没有取消,注意仔细观察你就会发现有一个小箭头,点击一下就可以看到有代码了

  13. 雅兮网
    雅兮网 【镇长】 @回复

    这个是不是只有博主的主题可以使用啊,其他主题怎么搞呢

    • 雅兮网
      雅兮网 【镇长】 @回复

      @雅兮网 额,我的错,标题已经写了Three主题,最近一直想弄一个分享视频的工具,自带的只能在PC上看

    • 懿古今
      懿古今【站长】 @回复

      @雅兮网 [呲牙] 这个只要是利用弹窗,好像知更鸟的主题都可以实现

  14. 中国历史
    中国历史 【省长】 @回复

    编辑器上的功能按钮可以设置?