最近发现Three主题的视频分享功能有问题，分享HTML代码的视频在PC端看视频没有问题，但是用手机端看的时候不能加载成功；切换成通用代码的视频，显示的视频不是自适应，感觉很不爽，我还是比较喜欢知更鸟大神的那种分享方式，就是通过分享视频相关的图片，点击该图片后弹出视频播放的弹窗。Three主题1.05版本已经实现该功能，今天特意分享出来让大家明白Three主题如何添加视频分享。
具体操作步骤如下：
1、在各个视频网站找到想要分享的视频，在视频下方找到分享的通用代码，复制通用代码中的src源地址，如下图红线所示的地址。
2、进入WordPress后台的编辑文章的文本模式，点击【视频分享】按钮，把下图红线所示的“插入视频分享通用代码中的视频src源地址”替换为第一步的视频src源地址。
3、把代码中的“插入视频图片”删除，并在那里通过【添加媒体】按钮添加一张视频相关的图片。建议通过“从URL插入”的方式添加图片，注意对齐方式一定要选择“中”，链接到选择“无”。通过“插入多媒体”的方式添加图片也一样，对齐方式一定要选择“中”，链接到选择“无”。
4、添加好视频src源地址和图片后的代码如下：
- <div class="video-content"><a class="videos" title="播放视频" href="http://player.youku.com/embed/XMTMxMDU2ODU3Ng=="><img src="https://www.yigujin.cn/tp/2017/150727_395.jpg" width="500" height="373" alt="视频测试" class="aligncenter" /><i class="play"></i></a></div>
5、这个时候我们再编辑文章的其他信息，如文章分类、tag标签等信息后就可以直接发布文章了。此时，视频分享的功能已经实现，效果图如下：
6、点击该图片即可直接弹出一个视频播放的窗口，该图片和视频窗口都是自适应的，效果还不错，大家可以试试。
你可能感兴趣的文章
版权声明：本文为原创文章，版权归 懿古今 所有，欢迎分享本文，转载请保留出处！发布此文是出于传递更多信息之目的，若有来源标注错误或侵犯了您的合法权益，请发邮件至[email protected]，确认后马上更正、删除，谢谢！
发表于2015-08-17 09:01 沙发
编辑器上的功能按钮可以设置？
@中国历史是的，可以自定义很多这种功能按钮的
发表于2015-08-17 11:12 板凳
这个是不是只有博主的主题可以使用啊，其他主题怎么搞呢
@雅兮网额，我的错，标题已经写了Three主题，最近一直想弄一个分享视频的工具，自带的只能在PC上看
@雅兮网[呲牙] 这个只要是利用弹窗，好像知更鸟的主题都可以实现
发表于2015-08-17 15:16 地板
腾讯视频是不是取消代码分享了·？
@夜没有取消，注意仔细观察你就会发现有一个小箭头，点击一下就可以看到有代码了
发表于2015-08-17 16:24 4楼
Three主题看起来不错额
@IT疯狂女[呲牙] 自用还不错哦，欢迎使用
发表于2015-08-17 17:17 5楼
竟然都是自适应的，确实很棒。
@天中青年[呲牙] 其实独立博客的文章大部分都是图文并茂，极少数会发视频的
发表于2015-08-17 18:50 6楼
腾讯视频无法上传了有没有，微信公众号只支持腾讯视频，可是我发现想上传时，干点击没有反应。
@天中青年还要上传的？我都是直接链接到视频的源地址直接播放的
发表于2015-08-17 21:55 7楼
很好的主题 值得推广
@videoclub[呲牙] 谢谢夸奖，对于推广就懒了，毕竟是免费主题，喜欢用的就下载
发表于2015-08-17 22:48 8楼
功能好强大啊
@路易大叔[呲牙] 也没有那么夸张，这个其实也是模仿知更鸟的，知更鸟最新的begin主题也是这个样子的
发表于2015-08-17 23:36 9楼
小细节，很少有人全发视频吧。 [憨笑]
@灰常记忆这个倒是，如果不是前阵子我发过一个视频，都不注意到这个细节，不过注意到了，也就折腾折腾
发表于2015-08-18 09:21 10楼
WordPress只适合做那些小站点玩玩还是不错的
发表于2015-08-18 14:28 11楼
准备给一个朋友的新站用上这个主题，正在折腾中，先感谢一下懿古今，有问题可能还要经常来请教呢
@清风欢迎使用，只要是主题使用方面都可以，也欢迎加入主题交流群477678587，不过修改主题增加功能之类的就只能靠大家百度解决了。
发表于2015-08-23 10:19 12楼
我使用的主题编辑器里没有这个视频功能，很遗憾呀。
@阿龙个人博客其实正常情况下，我们大部分都极少分享视频的，无所谓了
发表于2016-01-28 23:23 13楼
这样在电脑上很美观，可在手机上，悬浮出来的视频播放窗会显得不很协调的。
@Koolight[呲牙] 其实这个视频分享对于大部分博客而已很少用到，我自己也是这样，所以就懒得折腾
发表于2016-11-22 09:16 14楼
为什么我加上去是跳转到这个视频地址了，不是弹出
@分钱榜请确保按教程步骤添加，本站分享的主题都测试无误
发表于2017-12-22 11:38 15楼
Nana主题 V3.20版本视频分享按钮通过此方式分享不出来视频，请指教，谢谢
@可可通过视频分享方式获取视频URL地址，然后根据主题的添加视频要求添加相关信息。如果不懂使用建议赞助版权费之后加入交流群与其他用户交流。免费主题不提供技术指导服务。