问题:
优酷嵌入式播放器代码:
<div id="youkuplayer" style="width:480px;height:400px"></div>
<script type="text/javascript"src="http://player.youku.com/jsapi">
player = new YKU.Player('youkuplayer',{
styleid: '0',
client_id: 'YOUR YOUKUOPENAPI CLIENT_ID',
vid: '替换成优酷视频ID'
});
</script>
如果直接用这段代码,那问题大大的有,页面长宽480*400,现在有哪个手机是这种比例!!直接删除 style = "width:480px;height:400px"后,情况好多了,然而播放器周围会出现细小的白色边框。。起初以为是WebView控件的配置问题,然而再遍寻正确配置后,我发现,把这段代码在PC端的浏览器中打开也会出现那些边框,这就说明要不就是这段html代码的问题,要不就是浏览器的问题。
下一步,我试着为这段代码的div标签添加了CSS样式,其实就是margin和padding两个属性,都设置为0,并没有效果,白边框依然存在,设置为10cm,这倒是起作用了。。
办法是在无意中发现的,晚饭回来浏览网页的时候仍是无意中点了一张图片,就这张
http://cdn.taobaoux.com/forum/201405/28/160155mzhyanaata7h8njh.jpg
然后意外发现图片上方没有小白条!!震惊了,马上查看网页源码,真相就是这样:
而这张图所在的问题也正好是别人在问相同的边框问题。。
随意搜一下,就连百度知道都答得很好
嗯,解决办法就是
添加html、body标签,并且body标签使用这种形式:
<body style="margin:0; padding:0">
……
</body>
:)