Wordpress文章中的视频怎么在手机上打不开
最新回答
一白遮
2024-10-31 09:00:23
不用插件也很简单，那优酷来举例，需要你在将视频插入之后，增加一点外围代码，将视频居中显示，给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
谢谢。
星雪伊
2024-10-31 09:50:41
热门标签
