HTML5 视频：全屏无边框？
Posted
技术标签:
【中文标题】HTML5 视频：全屏无边框？【英文标题】：HTML5 Video: full screen without borders? 【发布时间】：2014-11-29 22:47:28 【问题描述】：我想在网络浏览器中使用 html5 标签全屏显示视频。
这是我的在线测试，你可以运行并查看源代码：
http://rospo.altervista.org
我的问题是我无法避免边距（空白边框）， 换句话说，我无法获得真正的全屏
在下面的屏幕截图中，我显示了不需要的边距：
有全屏的想法吗？ :-)
顺便说一句，双击图像 我终于得到了一个真正的全屏，但我认为在这种情况下，请在游戏中加入 Flash 播放器，不是吗？关键是我还想通过智能/手机/平板电脑浏览器（没有任何 Flash 播放器......）来可视化全屏视频。
非常感谢！ 乔治
【问题讨论】：
【参考方案1】：我已经检查了您页面中的 HTML 如果它不包含任何带有标记的 php 编码，那么我建议您将正文边距设为零
CSS
body
margin: 0;
padding: 0;
我相信你的 css 你有 body 和 8px margin 的页面。
在此答案中的 PO 评论后更新
要使滚动条退出，您需要在此行中修改 <video> 标记的内联样式中的 height 属性值
<video autoplay="" loop="" controls="" style="width: 100%; height: auto;">
该行应该是
<video autoplay="" loop="" controls="" style="width: 100%; height: 100%;">
我相信这应该可以解决这个精确问题。
附注一般建议：始终在外部.css 文件中将您的样式与HTML 分开，以便您轻松更改和更新网站的外观。
【讨论】：
是的，浏览器在body 上添加了margin: 8px;。 OP 只需要检查他的页面。
@Solyaris 请更新您的链接rospo.altervista.org 以便我们查看，或者您可以使用 jsfiddle.net 与我们分享 html 和 css
完成。我更新了here ant，它的行为正确（谢谢）。我现在有一个小问题：视频没有完全垂直观看（我的电脑分辨率：1366 X 768），我有一个右侧边栏
感谢 SULTAN，很遗憾您建议设置高度：100%；不要带来预期的行为，这样我就可以让视频“居中”，左边距右边距，请参阅：screenshot以上是关于HTML5 视频：全屏无边框？的主要内容，如果未能解决你的问题，请参考以下文章