video.min.js php,在WordPress中使用videojs来播放七牛私有空间视频

首先,在主题函数文件functions.php中添加一个获取七牛下载凭证的函数。这部分参考

function qiniu_download_url($url){

$url = trim($url, '/');

$deadline = strtotime('+1 hour');

$url = sprintf('%s?e=%s', $url, $deadline);

$sign = hash_hmac('sha1', $url, 'SECRET_KEY', true);

$sign = str_replace(array('+', '/'), array('-', '_'), base64_encode($sign));

$token = 'ACCESS_KEY:' . $sign;

return sprintf('%s&token=%s', $url, $token);

}

以上函数是为一个URL添加下载凭证,实际操作请替换为真实的SECRET_KEY/ACCESS_KEY。

接着,添加一个videojs_video的短标签(shortcode)以便在编辑文章时候使用:

function videojs_video($atts) {

$args = shortcode_atts(array(

"url" => '',

"qiniu" => 1,

), $atts);

if (empty($args['url']))

{

return sprintf("no url, atts: %s", json_encode($atts));

}

$url = $args['qiniu'] ? qiniu_download_url($args['url']) : $args['url'];

$HTML = sprintf('浏览器不支持!', $url);

wp_enqueue_style("videojs_css", "//cdn.bootcss.com/video.js/6.0.0-RC.8/alt/video-js-cdn.css");

wp_enqueue_script("videojs_js", "//cdn.bootcss.com/video.js/6.0.0-RC.8/video.min.js");

add_action("wp_footer", "init_videojs", 100);

return $HTML;

}

以上是在往文章添加一个video标签,并引入videojs相关的css&js文件,同时在页面底部添加初始化播放器的代码:

9896c147d47f755da5e31738f9c6a9b6.png

初始化播放器

注:初始化播放器的参数playbackRates(调整播放速度)需要6.0以上版本才支持。(为什么贴图不放源代码?WordPress编辑器给转义实在无解)

至此,全部工作就完成了。在编辑文章时候通过以下代码即可将视频插入其中:

bea1fb1c08310cc26302c15eaffeae94.png

以下是上边代码的效果:

浏览器不支持!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/272731.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

关于HTTP和HTTPS的区别

一HTTP和HTTPS的基本概念1、HTTP:是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效&#xf…

Android 实现切换主题皮肤功能(类似于众多app中的 夜间模式,主题包等)

首先来个最简单的一键切换主题功能&#xff0c;就做个白天和晚上的主题好了。 先看我们的styles文件&#xff1a; 1 <resources>2 3 <!-- Base application theme. -->4 <style name"AppTheme" parent"Theme.AppCompat.Light.DarkAction…

订阅号 图文回复php,微信开发(PHP实现订阅号的公众号配置和自动回复)

首先在微信公众平台(网址&#xff1a;https://mp.weixin.qq.com)申请一个订阅号&#xff0c;然后在开发里找到开发者工具点击公众平台测试账号&#xff0c;在测试账号内进行微信开发实验。 1. 设置一个自己的有效的域名网址和TOKEN(就是暗号)&#xff0c;TOKEN一定要与PHP代…

为何技术领域中女程序员较少?

对于大多数人来说&#xff0c;他们意识中的科技人就是扎克伯格&#xff0c;乔布斯或者是比尔盖茨——经常出现在新闻里的典型的男科技企业家。其实在科技领域还有一些女性&#xff0c;比如苏珊沃西基&#xff08;YouTube的CEO&#xff09;和吉尼罗曼提&#xff08;IBM的CEO&…

This version of MySQL doesn't yet support 'LIMIT IN/ALL/ANY/SOME subquery 解决方法

This version of MySQL doesnt yet support LIMIT & IN/ALL/ANY/SOME subquery的意思是&#xff0c;这版本的 MySQL 不支持使用 LIMIT 子句的 IN/ALL/ANY/SOME 子查询&#xff0c;即是支持非 IN/ALL/ANY/SOME 子查询的 LIMIT 子查询。 也就是说&#xff0c;这样的语句是不能…

php 递归分销角色,PHP递归无限分类

我们面试程序开发的时候&#xff0c;经常会被问到递归的问题。今天我们在本文中以“素材火的特效分类表”作为演示&#xff0c;使用PHP递归结合Mysql实现无限级分类。难易&#xff1a;初级下载资源下载积分&#xff1a;50积分递归简单的说就是一段程序代码的重复调用&#xff0…

Android音频系统之AudioPolicyService

地址&#xff1a;http://blog.csdn.net/edmond999/article/details/18599327 1.1 AudioPolicy Service 在AudioFlinger小节&#xff0c;我们反复强调它只是策略的执行者&#xff0c;而AudioPolicyService则是策略的制定者。这种分离方式有效地降低了整个系统的藕合性&#xff0…

程序员常去的14个顶级开发社区

我们来看一下程序员经常去的 14 个顶级开发者社区&#xff0c;如果你还不知道它们&#xff0c;那么赶紧去看看&#xff0c;也许会有意想不到的收获。一、Stack Overflow9 月份&#xff0c;Stack Overflow 也将迎来其 6 岁的生日&#xff0c;毫无疑问&#xff0c;Stack Overflo…

basename php 中文,php basename不支持中文怎么办

不久前遇到一段代码使用了basename&#xff0c;我文件名是中文的&#xff0c;每次返回都只有后缀。后来发现basename函数有猫腻&#xff0c;不支持中文文件名&#xff0c;但凡有以中文开头的文件名将被忽略了。函数说明/*** 从路径中返回文件名* param string $path* 在Windows…

C#特性-表达式树

表达式树ExpressionTree 表达式树基础 转载需注明出处&#xff1a;http://www.cnblogs.com/tianfan/刚接触LINQ的人往往觉得表达式树很不容易理解。通过这篇文章我希望大家看到它其实并不像想象中那么难。您只要有普通的LINQ知识便可以轻松理解本文。表达式树提供一个将可执行代…

程序员的一个好习惯,你有几个?

在很多外人看来,作为我们程序员这个行业只要会敲代码会改bug基本就可以了&#xff0c;但是现在行业人员几近饱和&#xff0c;没有过硬的几把刷子就想着可以甩掉身后的大部队也是不可能的。所以说我们要不断的学习不断的充实自己让企业在裁员的时候压根就考虑不到我们的头上来。…

matlab四维图程序,Matlab 四维图形绘制

这个问题可以用slice命令实现&#xff1a;%%%%%%clear all[x,y,z] meshgrid(0:.5:10,0:.5:10,0:.5:10);c x.^2y.^2z.^2;xs [0,2,4,6,8,10];ys [4];zs [6]; % xs,ys,zs可决定切片形式和位置&#xff0c;help slice可明白其具体含义slice(x,y,z,c,xs,ys,zs)colormap hsv当然…

cURL模拟POST方式提交数据

curl_post.php文件&#xff1a; 1 $url http://localhost/test/curl_post_deal.php;2 3 $post_data array( 4 username > cURL, 5 age > 18, 6 sex > male 7 ); 8 $ch curl_init(); 9 10 curl_setopt($ch, CURLOPT_URL, $url); //请求的地址 11 curl_setopt(…

2017已过半,这半年,你累吗?

大半年下来有人问你挣了多少钱却从来没有人问你最近的日子你累不累近来你受了多少委屈近来有多少心酸近来经历过多少艰难最近付出了多少不被人知的辛苦有时候真的很累、很累但是所有的累只能一笑而过这个累是自己经历的积累这个累是自己身上应该有的责任除了坚强&#xff0c;别…

mysql 5.5 压力测试,mysql 压力测试

mysql 压力测试sysbench支持的测试模式&#xff1a;1、CPU运算性能2、磁盘IO性能3、调度程序性能4、内存分配及传输速度5、POSIX线程性能6、数据库性能(OLTP基准测试)目前sysbench主要支持 mysql,drizzle,pgsql,oracle 等几种数据库。二、编译安装sysbench[roottest package]# …

自学编程的六点技巧

有一天&#xff0c;我的一个在学编程的朋友问我&#xff1a;“我想快速学习编程&#xff0c;你有什么好的推荐吗&#xff1f;我曾在上大学的时候自学过编程&#xff0c;这么多年过去了&#xff0c;我意识到我或许是在用最困难的方式去学习和了解编程。本来我完全可以用更快的速…

AngularJs $anchorScroll、$controller、$document

$anchorScroll 根据HTML5的规则&#xff0c;当调用这个函数时&#xff0c;它检查当前的url的hash值并且滚动到相应的元素。 监听$location.hash()并且滚动到url指定的锚点的地方。可以通过$anchorScrollProvider.disableAutoScrolling()禁用。 依赖&#xff1a;$window $loca…

Jquery操作复选框总结

1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[typecheckbox]:checked").val();或者$("input:[nameck]:checked").val();2、 获取多个checkbox选中项$(input:checkbox).each(function() {if ($(this).att…

java对五排六列考生随机排座,Java入门第三季6-5扩展练习-随机字符串排序

原课程地址https://www.imooc.com/video/4254* 扩展练习要求* 利用Collections.sort()方法对泛型为String的List进行排序版本2* 1.创建完List之后&#xff0c;往其中添加10条随机字符串* 2.每条字符串的长度为10以内的随机整数* 3.每条字符串的每个字符都是随机生成的&#xff…

信息安全系统设计基础第十周学习总结

第八章 异常控制流 &#xff08;1&#xff09;控制流&#xff1a;控制转移序列。 控制转移&#xff1a;从一条指令到下一条指令。 异常控制流&#xff1a;现代操作系统通过使控制流发生突变来对系统状态做出反应&#xff0c;这些突变称为异常控制流。 &#xff08;2&#xff09…