WordPress纯代码部署VideoJs视频播放器

前言

上一周看看了我博客安装的插件,算起来也有五个,都说WordPress插件安装多了就会导致加载变慢,这一点我倒是没有感受到,估计是因为我的插件安装的不够多吧 。

介绍

WordPress纯代码部署VideoJs视频播放器

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。

部署教程

第一步

首先在网站的顶部引入VideoJS的CSS样式,这里我提供一下BootCdn的链接

//cdn.bootcss.com/video.js/5.11.2/alt/video-js-cdn.min.css

然后在网站的底部引用VideoJS的JS脚本,同上提供BootCdn的链接

//cdn.bootcss.com/video.js/5.11.2/alt/video.novtt.min.js

第二步

在主题的functions.php文件中添加以下代码

将以上的步骤完成,你的VideoJS就已经成功部署完成了。

引用方法

在编辑文章的时候,使用以下短代码即可使用VideoJS

后记

在WordPress里面,能够使用代码部署的就尽量使用代码,少使用插件。 :grin:
    A+
所属分类:WordPress

发表评论

请在下方填写评论信息

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

表情 粗体 斜体 图片 引用 链接 删除线 下划线 插代码 签到

目前评论:36   其中:访客  24   博主  12

  1. avatar 窃格瓦拉 0  来自天朝的朋友 谷歌浏览器 Windows 7 河北省保定市 联通

    请问你的外链跳转加载动画是怎么做的?想学习一下。
    方便分享一下教程吗?

    • avatar 憧憬Licoy 博主  来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市成华区 电信

      @窃格瓦拉 其实就是一个CSS动画,然后通过PHP加一个JS的Settimeout跳转到url参数的地址去

  2. avatar Y 1  来自天朝的朋友 谷歌浏览器 Windows Server 2003 江西省赣州市 电信

    :eek: 貌似DUX不行啊 :mad: :mad:

    • avatar 憧憬Licoy 博主  来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 (武候区)电信

      @Y 理论上都是可以的

      • avatar Y 1  来自天朝的朋友 谷歌浏览器 Windows Server 2003 江西省赣州市宁都县 电信

        @憧憬Licoy :grin: :grin: 兄弟 你博客主题能不能发一份给我啊

        • avatar 憧憬Licoy 博主  来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信

          @Y 非常抱歉,不能

      • avatar Y 1  来自天朝的朋友 谷歌浏览器 Windows Server 2003 江西省赣州市 电信

        @憧憬Licoy 额。。。。能理解因为我才发现是付费主题 。。。。能不能把评论表情发一份给我

        • avatar 憧憬Licoy 博主  来自天朝的朋友 谷歌浏览器 Windows 10 四川省成都市 电信

          @Y 加我QQ

      • avatar Y 1  来自天朝的朋友 谷歌浏览器 Windows Server 2003 江西省赣州市宁都县 电信

        @憧憬Licoy :sad: 问题是我怎么知道你QQ。。。

        • avatar 憧憬Licoy 博主  来自天朝的朋友 谷歌浏览器 Windows 10 四川省 电信

          @Y 首页侧边栏有,193466605