欢迎来到 岁月小筑

WordPress代码:给你的编辑器添加一键插入视频按钮(wordpress使用flv.js播放器)

前言

最近忙的要死,又懒,还想玩游戏,一直没时间水博客,今天总算把天刀那个视频弄好了。

水完天刀的视频后,我发现flv.js对各种浏览器的支持十分友好,打算以后都用这个算了,然后就折腾了个代码一键插入。

代码是参考野兔大佬给我的黑幕代码写的(写的搓爆了),能用,将就着用了。

使用方法

将以下这段代码追加在functions.php最后

/* Flv.js播放器 */
function flv_js($atts, $content = "") {
	return '<script src="https://cdn.bootcss.com/flv.js/1.4.2/flv.min.js"></script>
<div class="video-container"><video id="videoElement" class="centeredVideo" controls="controls" style="width:100%;">
Your browser is too old which doesnt support HTML5 video.
</video></div>
<div class="controls" style="">
<script>if(flvjs.isSupported()){var videoElement=document.getElementById("videoElement");
var player=flvjs.createPlayer({type:"flv",url:"' . $content . '"});player.attachMediaElement(videoElement);player.load();}</script>';
}
add_shortcode('flv', 'flv_js');

/* Flv按钮 */
add_action('admin_print_footer_scripts','eg_quicktags2');
function eg_quicktags2() {
?>
<script type="text/javascript" charset="utf-8">
edButtons[edButtons.length] = new edButton( 'button', 'Flv.js', '
', '' ); </script> <?php }

添加完以后,刷新一下文章编辑页面,就会看到多一个按钮了

效果图(伪):

播放效果:

请参考文章:惊艳!使用天涯明月刀乐伶弹奏秦时明月幻音宝盒《雪翎幻蹄》——行云流水般的弹奏

最后

如果你还有什么不懂或者疑问,欢迎留言,如果我知道的,绝壁不告诉你,不知道的,更不会告诉你(

点赞
  1. 泉哥说道:

    感谢分享!

发表评论

电子邮件地址不会被公开。