当前位置:首页 > 视频音频 > 正文
作者

wordpress插入优酷视频的第三种方法支持html5

扫描二维码分享到朋友圈

转自通天塔:

WordPress 中文版内置了「使用 WordPress 的 Embed 功能快速插入优酷视频」的功能,但是代码是用 embed 实现的,也就是说,只引用了一个 .swf 文件,这样不方便移动客户端以及高端主流浏览器的使用。

如今 HTML5 技术流行,国外的视频分享网站鼻祖 YouTube 早已使用 iframe 方式来站外引用视频,并支持 HTML5 + Flash ,基本兼容所有的客户端和浏览器。在国内最大的两只视频网站优酷和土豆也已经有类似的方法。

两大段代码即可,放入主题文件的 functions.php 即可,注意,代码要放在 <?php ?> 里面:

一、修改主题文件,增加代码

// add youku using iframe
function wp_iframe_handler_youku( $matches, $attr, $url, $rawattr ) {
// If the user supplied a fixed width AND height, use it
if ( !empty($rawattr['width']) && !empty($rawattr['height']) ) {
    $width  = (int) $rawattr['width'];
    $height = (int) $rawattr['height'];
} else {
    list( $width, $height ) = wp_expand_dimensions( 480, 400, $attr['width'], $attr['height'] );
}
$iframe = '<iframe width='. esc_attr($width) .' height='. esc_attr($height) .' src="http://player.youku.com/embed/'. esc_attr($matches[1]) .'" frameborder=0 allowfullscreen></iframe>';
return apply_filters( 'iframe_youku', $iframe, $matches, $attr, $url, $ramattr );
}
wp_embed_register_handler( 'youku_iframe', '#http://    v.youku.com/v_show/id_(.*?).html#i', 'wp_iframe_handler_youku' );
// add tudou using iframe
function wp_iframe_handler_tudou( $matches, $attr, $url, $rawattr ) {
// If the user supplied a fixed width AND height, use it
if ( !empty($rawattr['width']) && !empty($rawattr['height']) ) {
    $width  = (int) $rawattr['width'];
    $height = (int) $rawattr['height'];
} else {
    list( $width, $height ) = wp_expand_dimensions( 480, 400, $attr['width'], $attr['height'] );
}
$iframe = '<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>';
return apply_filters( 'iframe_tudou', $iframe, $matches, $attr, $url, $ramattr );
}
wp_embed_register_handler( 'tudou_iframe', '#http://www.tudou.com/programs/view/(.*?)/#i', 'wp_iframe_handler_tudou' );

如果你用的是 WordPress 中文版,那么得再加两行,把原先的 embed 引用方式禁用

wp_embed_unregister_handler('youku');
wp_embed_unregister_handler('tudou');

二、使用方法

发文章的时候在代码模式下直接发视频链接即可,比如

http://v.youku.com/v_show/id_XNTgxOTQwODky.html

http://www.tudou.com/programs/view/TEKCHyWV4pM/

效果如下:



1,086 条评论

  1. 地板2017-01-15 上午 7:20回复
    art institutes of california

    Im grateful for the blog post.Really looking forward to read more. Really Cool.

  2. 板凳2017-01-18 下午 7:08回复
    buy kona coffee

    here are some links to internet sites that we link to for the reason that we feel they are worth visiting

  3. 沙发2017-01-19 上午 9:38回复
    ps4 games

    below youll uncover the link to some sites that we assume you need to visit

发表评论


无觅相关文章插件,快速提升流量