• 歡迎訪問奇跡の海網站,本站不上傳任何資源,所有資源均來自于網絡,歡迎加入奇跡の海~!奇跡の海-WordPress QQ群
  • 本站下載資源為網絡上收集整理而來,并且以計算機技術研究交流為目的,版權歸原作者所有,僅供大家參考,學習,不存在任何商業目的與商業用途.
  • 本站系統鏡像均來自于官方原版,ed2k可視為P2P下載鏈接。所有操作系統默認均為試用版,如有正版密鑰可以有效激活,本站不提供任何激活和相關服務。

為WordPress 快捷添加優酷,土豆視頻,解決移動端觀看視頻問題

WP插件 奇跡の海 3年前 (2017-05-12) 705次瀏覽 已收錄 0個評論 掃描二維碼

采用iframe的方式引用優酷和土豆的視頻,使得移動端不需要flash也可以觀看

為WordPress 快捷添加優酷,土豆視頻,解決移動端觀看視頻問題

前言

WordPress 中文版內置了「使用 WordPress 的 Embed 功能快速插入優酷視頻」的功能,但是代碼是用 embed 實現的,也就是說,只引用了一個 .swf 文件,這樣不方便移動客戶端以及高端主流瀏覽器的使用。

解決方案

如今 HTML5 技術流行,國外的視頻分享網站鼻祖 YouTube 早已使用 iframe 方式來站外引用視頻,并支持 HTML5 + Flash ,基本兼容所有的客戶端和瀏覽器。在國內最大的兩只視頻網站優酷和土豆也已經有類似的方法。

函數代碼

在主題函數文件function.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' );
wp_embed_unregister_handler('youku');
wp_embed_unregister_handler('tudou');

視頻添加方法

現在改變了原來的視頻添加方法,那么現在怎么添加呢?
現在的方法更簡單,直接輸出視頻鏈接即可,比如
http://v.youku.com/v_show/id_XODA2MTY0MjA4.html

代碼解釋

代碼的作用是禁用了優酷和土豆的embed加載方式,改為了iframe加載,所以移動端用戶瀏覽網頁的時候是不需要flash也可以觀看視頻的

缺點

說缺點也不太算,但還是要說下的,視頻在移動端的時候是無法進行自適應處理的,但是播放的時候使用HTML5的方式,直接打開視頻播放器播放視頻。

視頻預覽


版權聲明:本站所有文章和資源使用CC BY-NC-SA 4.0協議授權發布 , 轉載應當以相同方式注明文章來自“SeaOMC.COM->為WordPress 快捷添加優酷,土豆視頻,解決移動端觀看視頻問題!在下邊可以分享本文哦!
喜歡 (0)
[]
分享 (0)
奇跡の海
關于作者:
一個WordPress菜鳥!
發表我的評論
取消評論

表情 貼圖 加粗 刪除線 居中 斜體 簽到

Hi,您需要填寫昵稱和郵箱!

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
中国福利彩票36选7开奖结果