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

时间:2022-11-30 18:00:45

原意是为一个安卓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

然后意外发现图片上方没有小白条!!震惊了,马上查看网页源码,真相就是这样:

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

        而这张图所在的问题也正好是别人在问相同的边框问题。。

        随意搜一下,就连百度知道都答得很好

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

嗯,解决办法就是

        添加html、body标签,并且body标签使用这种形式:

        <body style="margin:0; padding:0">

                ……

        </body>


:)