Question

Wordpress文章中的视频怎么在手机上打不开

有什么插件可以实现吗？插入视频需要设置哪些懂？宽和高该怎么设置？我设置后在手机上变的很大，不使用

Answer 1

不用插件也很简单，那优酷来举例，需要你在将视频插入之后，增加一点外围代码，将视频居中显示，给iframe增加一个id号。然后，在你的wordpress主题的footer.php加一段用户处理视频窗口在移动端网页自适应的javascript代码，这个代码只有几行。总之要增加的内容很少，但是效果非常好。

选择优酷视频分享通用代码，居中并增加一个id号：

<div style="text-align:center;">
<iframe id="youku" style="width:96%" height=498 width=510 src="http://player.youku.com/embed/XMTM2MjMzNzA3Ng==" frameborder=0 allowfullscreen></iframe>
</div>

96%是宽度设置，可以自己随便改。

你的wordpress主题需要有一段javascript代码，实现视频窗口自适应移动网页，这段代码一般加载</body>之前即可，代码如下：

<script>
vd = document.getElementById("youku");
if (vd != null) {
    vd.style.height = vd.scrollWidth*0.8+"px";
}
</script>

id=youku也是可以自定的，只要前后id对应起来即可。

这样就可以了。此问题更详细的解答，请参考云上小悟独立博客的一篇文章，《优酷视频自适应移动版网页》，原文链接：http://www.maixj.net/wangzhan/youku-zishiying-9115

谢谢。

Answer 2

看你是自己服务器存放视频，还是调用优酷土豆的视频，前者用html5就可以，后者都有专用的移动端地址。