居中的圖像，並把視頻圖像

我試圖中心的電視這一形象裏面，但它保持切斷右側，並放置到頁面的左側。居中的圖像，並把視頻圖像

我也想將黑色視頻屏幕電視機內部，如果你是看它在電視上。

任何想法？

<div id="tv_container"> 
    <video> 
     <source src="video/video.mp4" type="video/mp4" /> 
    </video> 
</div> 

#tv_container { 
    background: url('70 TV.png'); 
    background-attachment: fixed; 
    background-position: center; 
    width: 1080px; /* Adjust TV image width */ 
    height: 608px; /* Adjust TV image height */

來源

2016-09-02 reecechapas

嘗試做這樣的：

#tv_container { 
    background-image: url('70 TV.png'); 
    background-attachment: fixed; 
    background-position: center; 
    background-repeat: no-repeat; // this will fix cutting issue if I understood you well 
    width: 1080px; 
    height: 608px; 
} 
// center video horizontally and vertically 
video { 
    position: absolute; 
    margin: auto; 
    left: 0; 
    right: 0; 
    top: 0; 
    bottom: 0; 
}

，並避免在文件名中使用空間，命名您的圖像70_TV.png例如。

來源

2016-09-02 15:48:03 jakob

感謝回去我這麼快！第一件事情奏效，但視頻最終在我的標題中間。感謝您的幫助 – reecechapas

我不知道您的標題代碼如何。你能分享與HTML和CSS的完整代碼嗎？ – jakob

使用background-size:contain所以你background適合你div

來源

2016-09-02 16:13:39 MoolsBytheway

居中的圖像，並把視頻圖像

回答

相關問題