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

This topic created in 2699 days ago, the information mentioned may be changed or developed.

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 replies 2018-12-23 15:40:47 +08:00

summerwar

Dec 23, 2018

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

wehut

Dec 23, 2018

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

summerwar

Dec 23, 2018

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

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

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

wehut

Dec 23, 2018

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

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

summerwar

Dec 23, 2018

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

wehut

Dec 23, 2018

@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

Dec 23, 2018

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

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

hide4964 是可填参数

summerwar

Dec 23, 2018

在主题的 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

Dec 23, 2018

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

wehut

Dec 23, 2018

@summerwar 多谢指导

wehut

Dec 23, 2018

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

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

hide4964 是可填参数短代码