使用 html5 canvas 作为背景,如何使用 css 将 youtube 嵌入到它上面以独立于分辨率?

Using html5 canvas as a background, how to position a youtube embed on top of it using css to be resolution independent?

我在将嵌入式 YouTube 视频置于 html5 canvas 之上时遇到一些问题。

您可以在 eternalminerals.com 查看我的问题示例,我在其中尝试使用矩阵 canvas 作为 Youtube 视频的背景

在某些计算机上,它看起来不错,但我想在其他分辨率下视频会移动。

我只是在使用

element.style {
  position: relative;
  top: -800px;
}

在嵌入的 youtube 上,但有没有更好的方法使其独立于分辨率?

非常感谢!

使用

positition : absolute;

然后随心所欲地设置它。那应该可以。

然后添加:

element.style{
 position:absolute; 
left:0;
 right:0;
 margin-left:auto; 
margin-right:auto
; }