如何在平板電腦的圖像中放入視頻

Question

我想要在圖像內部放置視頻;所以平板電腦的屏幕將成爲視頻。有沒有辦法做到這一點？

Answer 1

使用一個div爲更好地控制，那麼你可以使用CSS與圖像的背景加載DIV，然後在圖像播放視頻（將覆蓋圖像）

如果你只是想在視頻圖像的一部分，相應地調整。

<style> 
#imagediv { 
    background-image: url("paper.gif"); 
    position: absolute; 
} 
</style> 
<div id="imagediv"> 
    <video width="100%" height="100%" controls> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 
</div> 

Answer 2

你可以設置圖像作爲background-image然後用position: absolute那裏位置的影像框。下次請先做一些研究，然後再問這裏。