使用 iframe 方式快速插入優酷視頻使之兼容移動設備

          (中國夢之聲-齊秦&韓紅《狼》)
          現在的 WordPress 中文版中內置了“使用 WordPress 的 Embed 功能快速插入優酷視頻”的功能:只要在寫文章時,獨占一行粘貼優酷視頻地址就可以自動調用次視頻。
          例如:我在下一行獨占一行插入 http://v.youku.com/v_show/id_XNTgwNjc5OTAw.html 這個優酷視頻地址,就可以自動調用優酷視頻了。
          但是這是用 Embed 的,PC端沒問題,手機瀏覽器因為不支持 Flash 所以是無法顯示和播放視頻的,而現在提供的 iframe 方式插入的視頻就支持手機。

          因為我平常使用都是iPad有些比較好的視頻我不能打開。所以下面說說如何實現:『使用 WordPress 的 Embed 功能快速插入優酷視頻』改為以 iframe 方式調用的方法
          1. 確定所用 WordPress 是中文版(好像其他語言版本也行,如果有錯誤提示就把 wp_embed_unregister_handler( ‘youku’ ); 刪除即可)
          2. 就是把下面的代碼扔進所用主題的 functions.php 里面(注意:代碼要放在 里面)

          // 移除原來 WordPress 中文版內置的“使用 WordPress 的 Embed 功能快速插入優酷視頻”
          wp_embed_unregister_handler( 'youku' );
          // 改用 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="<a href="&quot;http://player.youku.com/embed/'&quot;">http://player.youku.com/embed/'</a>. 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' );

          PS:其他視頻網站可以照葫蘆畫瓢改下代碼就行了。

          本博客所有文章如無特別注明均為原創

          如果覺得對你有幫助,可以通過下方打賞對作者表示鼓勵

          本文采用知識共享署名-非商業性使用-相同方式共享

          如若轉載,請注明出處:《使用 iframe 方式快速插入優酷視頻使之兼容移動設備》http://www.solariosolutions.com/452.html

          (0)
          打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
          鋒哥的頭像鋒哥管理員
          上一篇 2013年8月6日 11:28
          下一篇 2013年9月3日 12:18

          相關推薦

          發表回復

          登錄后才能評論

          評論列表(7條)

          • 羽塵
            羽塵 2014年8月8日 20:29

            把代碼直接扔進去就行了嗎。。。。。

            • 胖子的頭像
              鋒哥 2014年8月9日 09:32

              @羽塵是的,親測通過。我的站點就是這樣做的。

            • 羽塵
              羽塵 2014年8月9日 10:29

              @鋒哥最近我的wordpress新用戶注冊時不發郵件,請問一下,這個怎么解決?

            • 胖子的頭像
              鋒哥 2014年8月9日 11:44

              @羽塵你后臺的郵件發送配置好了嗎

            • 羽塵
              羽塵 2014年8月9日 11:53

              @鋒哥額,后臺我沒有找到郵件發送配置,只有設置里面看到個通過電子郵件發布的設置

            • 胖子的頭像
              鋒哥 2014年8月9日 14:38

              @羽塵你要下載一個Configure SMTP插件,配置郵件發送。

          • 胖子的頭像
            鋒哥 2013年8月14日 09:38

            以上方法可以自行修改一下,特別是寬高那里,可以通過
            wp_is_mobile()
            來判斷是不是移動設備。

          国产厨房乱子伦露脸,XXXXAAA欧美,日本 888 XXXX,国产欧美日韩一区二区图片