让 WordPress 自动生�支�自适应的土豆视频代�

　　�几天�练给大家分享了生�支�自适应的优酷视频代�的方法，虽然优酷目�一家独大，而且还把土豆买了，但相信还是有很多��练一样有土豆情结的人在的，所以今天�分享的是生�自适应土豆视频代�的方法。

　　实现该功能的代�是�考了网上的一些代�，然�根�自适应的需�进行了一部分修改，详细的说明� 让 WordPress 自动生�支�自适应的优酷视频代� 一文。

　　接下�是实现让 WordPress 自动生�支�自适应的土豆视频代�功能的代�，�旧是根�自己的需�修改其中的 250 和 400 到自己需�的高度，拷�到主题的 functions.php 中��。

// 增加土豆视频支� by wavelpc.
function wavelpc_iframe_handler_tudou( $matches, $attr, $url, $rawattr ) {
	if( wp_is_mobile() ){ $height = 250; } else { $height = 400; }
	$iframe = '<iframe width="100%" height="'. $height .'px" 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_unregister_handler('tudou');
wp_embed_register_handler( 'tudou_iframe', '#http://www.tudou.com/programs/view/(.*?)/#i', 'wavelpc_iframe_handler_tudou' );

　　特别�示： functions.php 文件是主题核心文件，请谨慎修改。详� 编辑 WordPress 主题 functions.php 文件时的注�事项 。

　　照例上一个�练目�使用的带�示的版本：

// 增加土豆视频支� by wavelpc.
function wavelpc_iframe_handler_tudou( $matches, $attr, $url, $rawattr ) {
	if( wp_is_mobile() ){ $height = 250; } else { $height = 400; }
	$iframe = '<iframe width="100%" height="'. $height .'px" src="http://www.tudou.com/programs/view/html5embed.action?code='. esc_attr($matches[1]) .'" frameborder="0" allowfullscreen></iframe><br /><span style="display: block; text-align: center; color: #ccc;">（如果无法观看或比例失常，�以 <a href="http://www.tudou.com/programs/view/'. esc_attr($matches[1]) .'" target="_blank">点击这里</a> 跳转到土豆播放页�）</span>';
	return apply_filters( 'iframe_tudou', $iframe, $matches, $attr, $url, $ramattr );
}
wp_embed_unregister_handler('tudou');
wp_embed_register_handler( 'tudou_iframe', '#http://www.tudou.com/programs/view/(.*?)/#i', 'wavelpc_iframe_handler_tudou' );

　　下�以《You can shine》为例，该视频的土豆播放页为 http://www.tudou.com/programs/view/_7Y2D57XnDs/ ，以下是�客引用的效果：