前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress 技巧:使用 Shortcode 方式插入视频,并支持全平台播放

WordPress 技巧:使用 Shortcode 方式插入视频,并支持全平台播放

作者头像
Denis
发布2023-04-15 11:02:36
4010
发布2023-04-15 11:02:36
举报
文章被收录于专栏:WordPress果酱WordPress果酱

我们通常使用的优酷和土豆嵌入的代码是 Flash 代码,而 iOS 系统是不会不支持 Flash,所以很多 WordPress 用户写博客的时候,在插入优酷视频的 Flash 代码之后,都要添加一段话,比如:iOS 用户请点该链接查看,这样用户体验非常差,读者看视频也非常不方便。

而优酷和土豆本身已经提供了支持全平台的嵌入代码,我就写了一个 Shortcode 让你非常方便的在文章中插入优酷视频,并支持全平台播放:

代码语言:javascript
复制
<?php
/*
Plugin Name: 使用 shortcode 方式插入优酷和土豆视频,并支持全平台播放
Plugin URI: http://blog.wpjam.com/m/video-shortcode/ 
Author: Denis
*/
add_shortcode( 'youku', 'wpjam_youku_shortcode' );
function wpjam_youku_shortcode( $atts, $content='' ) {
    extract( shortcode_atts( array(
        'width'     => '510',
        'height'    => '498',
    ), $atts ) );

    if(preg_match('#http://v.youku.com/v_show/id_(.*?).html#i',$content,$matches)){
        return '<iframe class="wpjam_video" height='.esc_attr($height).' width='.esc_attr($width).' src="http://player.youku.com/embed/'.esc_attr($matches[1]).'" frameborder=0 allowfullscreen></iframe>';
    }
}

add_shortcode( 'tudou', 'wpjam_tudou_shortcode' );
function wpjam_tudou_shortcode( $atts, $content='' ) {
    extract( shortcode_atts( array(
        'width'     => '480',
        'height'    => '400',
    ), $atts ) );

    if(preg_match('#http://www.tudou.com/programs/view/(.*?)#i',$content,$matches)){
        return '<iframe width='. esc_attr($width) .' height='. esc_attr($height) .' src="http://www.tudou.com/programs/view/html5embed.action?code='. esc_attr($matches[1]) .'" frameborder=0 allowfullscreen></iframe>';
    }
}

然后在撰写文章的时候,使用如下方式插入优酷视频:

代码语言:javascript
复制
[youku]http://v.youku.com/v_show/id_XXXXXXXXXXXXXX.html[/youku]
代码语言:javascript
复制
[tudou]http://www.tudou.com/programs/view/XXXXXXX/[/tudou]

默认情况下,视频是 510 宽,498 高,如果你要把宽度和高度设置为 600X500 的话,使用以下代码:

代码语言:javascript
复制
[youku width="600" height="500"]http://v.youku.com/v_show/id_XXXXXXXXXXX.html[/youku]
代码语言:javascript
复制
[tudou width="600" height="500"]http://www.tudou.com/programs/view/XXXXXXX/[/tudou]

WPJAM Basic 已经集成该代码,已经使用 WPJAM Basic 的用户无需再次添加。


本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档