記得我當(dāng)初也發(fā)現(xiàn)了這樣的問(wèn)題，通過(guò)視頻網(wǎng)站分享的視頻代碼（embed本今、object或iframe方式）貼到文章里發(fā)布后誊册，在電腦上看可能會(huì)好好的，但是在手機(jī)的瀏覽器上看就會(huì)超出屏幕茅坛。

只需要一段css代碼就ok了.....

首先，在主題的主css则拷，如style.css中加入以下css代碼：

.lxtx-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.lxtx-video iframe,.lxtx-video object,.lxtx-video embed{position:absolute;top:0;left:0;width:100%;height:100%;}

然后贡蓖，后臺(tái)發(fā)布視頻時(shí)，建議以iframe方式引用視頻網(wǎng)站的視頻煌茬，iframe方式在pc端和手機(jī)端都能完美顯示視頻摩梧，中文本模式編輯器下引用方法：

<p class="lxtx-video"><iframe src="http://player.youku.com/embed/XMTU2MzI4MTE5Ng==" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>

手動(dòng)添加結(jié)束，自動(dòng)添加需要在functions.php中加入代碼：

/**

* 使插入的FLASH視頻自適應(yīng)長(zhǎng)寬及為后臺(tái)編輯器添加自定義按鈕

* http://www.ilxtx.com/how-to-insert-adaptive-video.html

*/

// wordpress后臺(tái)HTML編輯器添加自定義快捷標(biāo)簽按鈕

add_action('after_wp_tiny_mce', 'lxtx_bolo_after_wp_tiny_mce');

function lxtx_bolo_after_wp_tiny_mce($mce_settings) {

? ? ?>

? ? <script type="text/javascript">? ?

? ? QTags.addButton( 'youkushipinjm', 'youku',

? ? '<p class="lxtx-video"><iframe src="http://player.youku.com/embed/視頻特征ID" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>\n', "" );?

? ? QTags.addButton( 'acfunshipinjm', 'AcFun',

? ? '<p class="lxtx-video"><iframe src="http://cdn.aixifan.com/player/ACFlashPlayer.out.swf?type=page&url=http://www.acfun.tv/v/視頻特征ID" id="ACFlashPlayer-re" frameborder="0"></iframe></p>\n', "" );

? ? QTags.addButton( 'qqshipinjm', 'QQ',

? ? '<p class="lxtx-video"><iframe frameborder="0" src="通用代碼中的src地址" allowfullscreen></iframe></p>\n', "" );

? ? QTags.addButton( 'iqiyishipinjm', '愛(ài)奇藝',

? ? '<p class="lxtx-video"><iframe src="通用代碼中的src" frameborder="0" allowfullscreen="true"></iframe></p>\n', "" );

? ? QTags.addButton( 'yinyuetaishipinjm', '音悅臺(tái)',

? ? '<p class="lxtx-video"><embed src="代碼中的src" quality="high" align="middle"? allowScriptAccess="sameDomain" allowfullscreen="true" type="application/x-shockwave-flash"></embed></p>\n', "" );

? ? QTags.addButton( 'souhushipinjm', '搜狐',

? ? '<p class="lxtx-video"><iframe src="通用代碼中的src" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>\n', "" );

? ? QTags.addButton( '56shipinjm', '56',

? ? '<p class="lxtx-video"><iframe src="http://www.56.com/iframe/視頻特征ID" frameborder="0" allowfullscreen=""></iframe></p>\n', "" );

? ? QTags.addButton( 'tudoushipinjm', 'tudou',

? ? '<p class="lxtx-video"><iframe src="iframe代碼中的src" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>\n', "" );

? ? </script>

? ? <?php

}

友情提示：其它視頻網(wǎng)站根據(jù)各自視頻網(wǎng)站提供的引用方式代碼可自行增添修改吧宣旱！不僅是以上這些按鈕，還可以加入一些其它的功能按鈕哦叛薯！

代碼解析： QTags.addButton( '', '', '', '' );

? ? 四對(duì)引號(hào)浑吟，分別表示按鈕的ID、按鈕顯示名耗溜、點(diǎn)一下輸入內(nèi)容组力、再點(diǎn)一下關(guān)閉內(nèi)容（最后一對(duì)引號(hào)為空則一次輸入全部?jī)?nèi)容），\n表示換行抖拴；

? ? 形象說(shuō)明： QTags.addButton( ' 按鈕ID', '按鈕顯示名', '點(diǎn)一下輸入內(nèi)容', '點(diǎn)一下關(guān)閉內(nèi)容' );

? ? 可以自定義添加多行QTags.addButton( '', '', '', '' );增加多個(gè)按鈕燎字！

原文鏈接：https://www.wpdaxue.com/flash-iframe.html