css - HTML5 视频 : full screen without borders?

Question

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

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

http://rospo.altervista.org

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

在下面的屏幕截图中，我显示了不需要的边距:

有没有全屏显示的想法？ :-)

顺便说一句，双击图片我终于得到了一个真正的全屏，但我认为在这种情况下，Flash 播放器会出现在游戏中，不是吗？关键是我也想从智能/手机/平板电脑浏览器(没有任何 Flash 播放器....)可视化全屏视频。

非常感谢!乔吉奥

Answer 1

我已经检查了您页面中的 HTML ，如果它不包含任何带标记的 PHP 编码，那么我建议您将正文边距设为零

CSS

body{
margin: 0;
padding: 0;
}

我相信你的 css 你有页面 body与 8px margin .

---

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

要让滚动条出来，需要修改height <video> 的内联样式中的属性值此行中的标记

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

这条线应该是

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

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

---

附言一般建议:始终在外部 .css 中将样式与 HTML 分开文件，以便您轻松更改和更新网站的外观。