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文件，同时在页面底部添加初始化播放器的代码：

初始化播放器

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

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

以下是上边代码的效果：

浏览器不支持！

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

wordpress PHP合并js,如何在WordPress中添加外部JavaScript
我想在WordPress中插入放置在该文件夹中的外部JavaScript. 如果我使用脚本标记包含它显示" 下面是我的代码 global $wpdb; include("/asse ...
jquery-1.4.4.min.js无法解析json中result.data问题
如下图该版本无法解析json数据解决方法引用jquer.min.js,并且将$修改为jQuery 转载于:https://www.cnblogs.com/xiaz/p/10228994.html
js调用vlc_web网页中使用vlc插件播放相机rtsp流视频
可参考: vlc功能还是很强大的,有很多的现成的二次开发接口,不需配置太多即可轻松做客户端播放器或web网页播放器. 下面代码是web网页中使用vlc插件播放相机rtsp流视频: 注意: 需提前在打开 ...
video.min.js php,用Video.js实现H5直播界面
这次给大家带来用Video.js实现H5直播界面,用Video.js实现H5直播界面的注意事项有哪些,下面就是实战案例,一起来看一下. 最近做了一个移动端H5简易版直播页,只有直播功能,后期再添加弹幕 ...
video.min.js php,使用flv.js与video.js做一个视频直播效果
这次给大家带来使用flv.js与video.js做一个视频直播效果,使用flv.js与video.js做出视频直播效果的注意事项有哪些,下面就是实战案例,一起来看一下. 环境配置首先运行livego ...
video标签android全屏,视频video标签在移动端微信中默认全屏播放的解决方案
最近后盾人移动端上线了,开发挺顺利,但也遇到几个小坑. 后盾人中的视频是用video视频标签引入的,当在微信中打开后盾人,播放视频的时候,视频默认会全屏播放. 安卓和ios下都存在此问题,解决方法如下 ...
用js创建audio对象实现网页迷你音乐播放器
主要是靠咋没的audio对象,我就不多说废话了,也不会说,直接上代码: HTML <!DOCTYPE html> <html><head><meta http ...
七牛镜像存储 WordPress 插件：一键实现 WordPress 博客静态文件 CDN 加速
七牛云存储是由七牛提供的在线存储服务,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务(如 Amazon S3)不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性. 七牛云存 ...
【VideoJs】初识videojs video.js 视频播放器的基本使用 videojs基础用法 videojs视频播放器 vue3中使用videojs
videojs介绍免费,开源插件多可自定义 [推] 虽然,但是Videojs算好了,但我觉得有点杂,特别是文档与插件,且自定义插件有点困难,也可能是我比较菜吧相比之下,我还是强烈推荐 [Xgp ...

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

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

最新文章

热门文章