1

我是 HTML 的初学者，需要一些帮助......这件事让我发疯了 - 我想在我的网站中嵌入一个 HTML 片段，以便在不显示控件的情况下播放一次视频......我也想要它在许多浏览器上工作，经过 2 天的研究，我实现了下面的代码（哇哦！）。唯一的麻烦是当我把代码放在程序中的snippet中时，我无法控制它的位置（我想在它上面放一个小图像，无法得到它后面的视频......）请帮帮我！代码可以修复还是您知道替代方案？（我不想修改标题部分或安装脚本）

<video wdith="600" height="300" autoplay>
  <source src="https://sites.google.com/site/privateforsharingfilesbytt/home/docs/Eng.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>

截图 谢谢！

4

1 回答 1

2

img这是一个在视频上叠加的快速示例：

<div>
    <img id="overlay_img" src="http://i.imgur.com/i5Gp6.png" width="150" height="150" />

    <video width="560" height="340" controls>
        <source src="http://media.html5media.info/video.mp4" type='video/mp4' />
    </video>
</div>​

JSFiddle 演示

这个想法是使用img标签放置图像。然后，我给图像一个id我可以调整它在 CSS 中的位置。为了让图像实际覆盖在视频之上，我这样做了position: absolute，它允许我设置元素相对于其祖先的位置。

如果您想在图像周围移动，您需要指定top, left, bottom,right定位值。

于 2012-11-27T21:43:21.557 回答