欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

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

发布时间:2023/12/10 54 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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来播放七牛私有空间视频的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。