关于youku嵌入式播放器浏览器白色边框的问题

来源：互联网发布：剑侠情缘手游工资算法编辑：程序博客网时间：2024/05/20 00:50

原意是为一个安卓app添加视频功能，视频托管在优酷平台上，因此在播放视频时，为了简单易实现，自然而然地选用了webView加载嵌入式播放器的方式。

问题：

优酷嵌入式播放器代码：

<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>

：）

0 0