Question

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

<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>

screenshot 谢谢！

Answer 1

以下是在视频上叠加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 Demo

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

如果您想移动图片，则需要指定top，left，bottom，right定位值。

HTML MP4嵌入了麻烦

1 个答案: