在线排版 | RSS订阅
你现在的位置:首页 » 网赚学习工具 » 正文
05月05日

实测Z-Blog博客程序文章页插入视频最简单的方法

作者 : suyunlou | 分类 : 网赚学习工具 | 超过 215 人围观 | 已有 0 人发表了看法

  看过A1230网昨天分享的《B站青年节献礼:奔涌吧,后浪~》一文的小伙伴,应该都有所发现,文章页首行是插入了视频的。


  事实上,这件事也是楼主一直想做的,但碍于平时繁务缠身,加之Z-Blog博客程序本身对于上传视频的局限性(不能大于2M),所以,实现的过程还是走了一波弯路的。


  所幸结果很喜人,在此也算分享记录一下个人的实测经验,同时也为后来的站长朋友们探探路,毕竟有些事就是难者不会,会者不难。


  首先需要说明的是,百度上关于“Z-Blog博客程序文章页插入视频”这个问题的答案,真正有效的其实是微乎其微的,大部分内容不是已经过时,就是千篇一律的复制转发,这是楼主花了3个小时得出来的结论。


  其次就是Z-Blog博客程序后台“应用中心”自带的视频播放器插件,效果也同样没有介绍中写的那么好用,安装前和安装后基本没什么区别,甚至部分插件的兼容性也是很感人了。


  所以说,如果你是打算将实现Z-Blog博客程序文章页插入视频的方法寄希望于以上两者,几乎等同于大海捞针。


  也是在这一番索寻无果的情况下,楼主才选择了“代码调用”这种最原始,也最简单粗暴的方法,如下:


  <videowidth="640"height="320"controls="">


  <sourcesrc="https://www.a1230.com/shipin/houlang.mp4"type="video/mp4"/>


  </video>


  以上就是调用昨天文章页视频的核心代码,即通过<video>标签调用,视频源可以是站内自己服务器的资源,也可以直接调用优酷、腾讯等外部视频网站的资源。


  以腾讯视频为例,调用方法如下:


  第一步:打开要调用的视频界面,找到左下角“分享”,点击即可看到代码,复制通用代码即可;


实测Z-Blog博客程序文章页插入视频最简单的方法 Z-Blog 插入视频 调用视频 第1张


  第二步:进入Z-Blog博客程序后台文章编辑页面,点击编辑器左上角“html”按钮切换为“源代码”模式;


实测Z-Blog博客程序文章页插入视频最简单的方法 Z-Blog 插入视频 调用视频 第2张


  第三步:将已复制的通用代码粘贴到你想要视频出现的位置,然后,再次点击“html”按钮切换为“正常编辑”模式,即可看到视频已经处于正常播放状态了,然后,按照正常步骤编辑发布文章即可;


实测Z-Blog博客程序文章页插入视频最简单的方法 Z-Blog 插入视频 调用视频 第3张


  这里需要注意的是:


  1、 一定要先切换为“源代码”模式,才可以粘贴视频调用代码,否则是无法正常播放的,显示出来的也不过是一段代码;


  2、 其次就是从视频网站直接调用过来的视频,很可能会存在视频播放窗口与网站文章页不匹配的情况,这里就需要通过style属性去调整,上文代码中“width="640";height="320"代表的就是视频播放窗口的宽度和高度;


  3、 调用外部网站视频的好处是节约了自身服务器的带宽,但也意味着该视频是不受自身控制的,很可能过段时间视频源就会失效,导致无法播放。同时,随视频源一起调用过来的还有视频开头30~60秒的广告,这一点对用户体验的影响还是比较大的。


  本文也正是考虑到此点,所以直接选择了先将视频资源上传至自身服务器,然后直接调用站内资源,唯一美中不足的就是移动端自适应能力不足,视频界面无法完全显示出来。

上一篇:B站青年节献礼:奔涌吧,后浪~ 下一篇:谈谈二房东这门赚钱生意

相关文章

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最近发表
标签列表
最新留言