HTML5视频:全屏无边框?

时间:2014-10-05 14:06:01

标签: css html5 html5-video fullscreen margin

我想在网页浏览器中使用HTML5标签全屏显示视频。

这是我的在线测试,您可以运行并查看源代码:

http://rospo.altervista.org

我的问题是我无法避免边距(空白边框), 换句话说,我无法获得真正的全屏

在下面的screeenshot中,我显示了不需要的边距:

screenshot

想要全屏全屏吗? : - )

BTW,双击图像 我终于得到了一个真正的全屏但我认为在这种情况下进入游戏的闪存播放器,不是吗?关键是我想通过智能/手机/平板电脑浏览器(没有任何Flash播放器......)可视化全屏视频。

非常感谢! 乔治

1 个答案:

答案 0 :(得分:2)

我已经检查了你的网页中的HTML,如果它不包含任何带有标记的PHP编码,那么我建议你将身体边距设为零

<强> CSS

body{
margin: 0;
padding: 0;
}

我相信你的css,你有body 8px页面{。}}。


在此回答中的PO评论后更新

要删除滚动条,您需要修改此行中margin标记的内联样式中的height属性值

<video>

该行应

<video autoplay="" loop="" controls="" style="width: 100%; height: auto;">

我相信这应该可以解决这个精确的问题。


<强> P.S。一般建议:始终将您的样式与外部<video autoplay="" loop="" controls="" style="width: 100%; height: 100%;"> 文件中的HTML分开,以便您更改和更新网站的外观。