Question

我试图将嵌入的视频集中在背景图像中。您可以看到背景图片和YouTube视频不是彼此居中的。以下是示例的链接：http://wanalift.org/learning-center

我是通过将视频嵌入div中并将其居中来实现的。我还尝试将背景图像居中。这是我正在使用的代码：

<div style="text-align: center;"> 
     <iframe width="640" height="360" src="http://www.youtube.com/embed/LBJJ4s6VAz4?rel=0"   frameborder="0" allowfullscreen></iframe>
          <div style="text-align: center;"> 
              <iframe src="http://wanalift.org/wp-content/themes/wanalift/images/Video_Player_Background.png" frameborder="0" width="660" height="380"></iframe>
          </div>
      </div>

我错过了将视频置于背景图像中心的内容？

谢谢！

Answer 1

您可以将包含视频的div的背景图像设为图像

<div style="text-align: center;background-image: url(http://wanalift.org/wp-content/themes/wanalift/images/Video_Player_Background.png);">...</div>

在背景图片中居中显示YouTube视频

1 个答案: