这种弹窗视频链接如何做成 wp 短代码

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2162 天前的主题，其中的信息可能已经有所发展或是发生改变。

a onclick="window.open('http://player.youku.com/embed/XMTU3MzQ4NTY0MA','window','width=720,height=500');">《神秘海域 4 》突破天际的物理效果演示</a

这种弹窗代码 wordpress 如何做成视频短代码类似 [youku code="XMTU3MzQ4NTY0MA"] 这种，顺便在问下能不能高级的做成 [youku code="XMTU3MzQ4NTY0MA" title="《神秘海域 4 》突破天际的物理效果演示"] 如果在 title 不填的情况下就显示 youku 观看

youku

弹窗

做成

代码

11 条回复 • 2018-12-23 15:40:47 +08:00

summerwar

2018-12-23 12:13:28 +08:00

wordpress Shortcode 自定义插入视频短代码请把上面的内容放到搜索引擎里搜下就知道了，一大把教程

wehut

2018-12-23 12:16:12 +08:00

@summerwar 搜出来很多不过都卡在了 window.open('http://player.youku.com/embed/XMTU3MzQ4NTY0MA','window','width=720,height=500'); 这一段上加上网上的教程 shortcode 参数都是 '.code.' 这种类型就和这段冲突 wordpress 报错

summerwar

2018-12-23 12:31:58 +08:00

用 Google 搜我给你发的那个内容，第一个就是

window.open 在我搜到的结果里都没有出现，不知道你看的什么教程。贴网址的风险太高，自己去搜吧。

一般是在 function.php 中加入 iframe 代码，然后里面留个 url 地址参数，后面 shortcode 中调用

wehut

2018-12-23 12:44:03 +08:00

@summerwar 你说的是"wordpress Shortcode 自定义插入视频短代码 – 行星带"这条？

还是和这句有冲突 window.open('window','width=720,height=500'); 主要问题还是和 '.$content.' 冲突了

summerwar

2018-12-23 12:50:52 +08:00

你写的短代码的全部代码贴下

wehut

2018-12-23 12:57:18 +08:00

@summerwar /*Add Video Shortcode*/
function video_url($atts, $content = null) {
extract(shortcode_atts(array(),$atts));
return'<a href="#" onclick="window.open('http://player.youku.com/embed/'.$content.'','window','width=720,height=405');">优酷在线</a>';
}
add_shortcode('video','video_url');

wehut

2018-12-23 13:26:12 +08:00

@summerwar 或者有没有办法把这段做成短代码

<div id="post-hide-btn"><a onclick="openShutManager(this,'hide4964',false,'关闭阅读内容','展开继续阅读')">展开继续阅读</a></div>
<div id="hide4964" style="display:none">

hide4964 是可填参数

summerwar

2018-12-23 14:41:19 +08:00

在主题的 footer.php 中添加下面的 js

<script type="text/javascript">
function winOpen($url){
window.open("http://player.youku.com/embed/"+$url,"window","width=720,height=405");
};
</script>

然后在 function.php 中添加下面的内容：

function video_url($atts, $content = null) {
extract(shortcode_atts(array(),$atts));
return'<a onclick="winOpen(\''.$content.'\')">优酷在线</a>';
};

add_shortcode('video','video_url');

如果需要标题，自行修改，这个代码我已经测试通过可以用了

summerwar

2018-12-23 14:42:30 +08:00

其他的自己改吧，我不用 WordPress 只是想测试下看，所以安装了个反正视频的那个可以按照上面的实现你要的效果

wehut

2018-12-23 15:14:33 +08:00

@summerwar 多谢指导

wehut

2018-12-23 15:40:47 +08:00

@summerwar 另外这个问题现在也卡着我

<div id="post-hide-btn"><a onclick="openShutManager(this,'hide4964',false,'关闭阅读内容','展开继续阅读')">展开继续阅读</a></div>
<div id="hide4964" style="display:none">

hide4964 是可填参数短代码