如何将fullbrowser HTML5视频背景与左上角对齐？

我使用HTML5视频作为背景&在fullbrowser中。
我已成功将视频对齐到中间和右下角…

居中对齐css:

position:           fixed;
top:                50%;
left:               50%;
min-width:          100%;
min-height:         100%;
width:              auto;
height:             auto;
z-index:            -100;
transform:          translateX(-50%) translateY(-50%);
-ms-transform:      translateX(-50%) translateY(-50%); /* IE 9 */
-webkit-transform:  translateX(-50%) translateY(-50%); /* Opera, Chrome, and Safari */

右下对齐css:

position:           fixed;
right:              0;
bottom:             0;
width:              auto;
min-width:          100%;
height:             auto;
min-height:         100%;
z-index:            -100;

但是我不知道要对齐左上角的热点。

---

这似乎是很难实现的-一直在寻找这一点，但没有找到任何解决方案。有人知道如何解决这个问题吗？
我正在寻找一个纯css解决方案。

谢谢，Niklas

谢谢@Chris m花时间回答我的问题。 我试过top:0；左:0 ;那不行。 部分视频正在播放-右下角看起来更准确。。。 下面是一个小提琴示例的链接：

#bgvideo{
位置：固定；
最高：50%；
左：50%；
最小宽度：100%；
最小高度：100%；
宽度：自动；
高度：自动；
z指数：-100；
转化：translateX（-50%）translateY（-50%）；
-ms转换：translateX（-50%）translateY（-50%）；/*IE 9*/
-webkit转换：translateX（-50%）translateY（-50%）；/*Opera、Chrome和Safari*/
}

您是否尝试过：

position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
max-width: 100%;
z-index: -100;

---

这取决于您对“左上对齐视频”的定义。
请记住，您有两个约束：

• 约束（i）：视频必须填满整个屏幕
• Constaint（ii）：必须保留视频宽度和高度比

当您需要同时满足这两个约束时，“左上对齐”并没有明确的含义。对我来说，您最想要的是选项A

A.你想要的是充满屏幕的视频，而且，的左边缘和右边缘永远不会被修剪

video { 
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

无论如何调整浏览器窗口的大小，都不会修剪视频的左边缘或上边缘。它们总是可见的。看到这把小提琴，试着调整框架的大小

注意：如果拖动屏幕的左侧，视频可能看起来像是“从右侧展开”，但必须这样做以确保视频仍然充满屏幕。它必须这样做，否则约束（i）或约束（ii）将被打破。别让这件事把你弄糊涂了。唯一的其他选择是移除约束（i）或约束（ii）

B.如果你想要（ii）但不在乎（i）

同样，左边缘和右边缘从不修剪。然而，该页面的某些部分未被视频覆盖

C.如果你想要（i）但不在乎（ii）

不可能：请参阅：

---

浏览器总是保留

s的比率。

您是否尝试过

top:0；左：0

？为我们把这个问题复制出来

video { 
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

video { 
  position: fixed;
  width: 100%;
  top:  0%;
  left: 0%;
}