HTML MP4嵌入問題

Question

我是一名HTML初學者，需要一些幫助......這件事讓我瘋狂 - 我想在我的網站中嵌入一個HTML代碼段，以便視頻播放一次而不顯示控件。 ..我也希望它可以在很多瀏覽器上工作，經過2天的研究，我實現了下面的代碼（woo-hoo！）。唯一的麻煩是，當我把代碼放在程序中的代碼片段中時，我無法控制它的位置（我想在它上面放一個小圖像，並且無法將視頻放在它後面...） 請幫我！代碼可以修復嗎？或者您知道替代方案嗎？ （我不想修改頭部分或安裝腳本）

<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定位值。