出現在視頻元素上的不需要的邊框

我試圖擺脫此視頻周圍的邊框http://bit.ly/ZihaJV這個想法是，視頻在沒有邊框的白色背景上播放。問題可能是由於視頻與玩家大小的比例。出現在視頻元素上的不需要的邊框

我也發現這篇文章，但它不能解決問題。我甚至沒有訪問Flash來編譯swf。 videojs disable black background

在視頻周圍使用白色邊框來隱藏黑色線條可能是一種解決方法，但我遇到了問題，因爲視頻需要響應。

實際的網頁顯示比這個測試的更多的邊界。對不起，但我無法顯示原文。

謝謝，任何幫助將受到歡迎。

2013-05-31 Raul

不是我點擊該鏈接的機會。它可能是任何東西。不要使用網址縮寫 – Liam

也http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-鏈接到它 – Liam

對不起利亞姆，我讀了你剛剛鏈接的帖子。公平的，我沒有發佈完整的網址，所以公司的名字不會暴露。另外，我無法發佈代碼，因爲我不確定哪些是有問題的區域，即swf，js，css或html。謝謝你的幫助。 – Raul

在您鏈接的視頻中，視頻頂部的邊框線是視頻文件本身的一部分，所以這是原始文件或編輯方式的問題。（我經常有這樣的問題，影片很煩人的。）

與CSS的快速可視解決將是拉動視頻最高位的頂部，隱藏在頂部行：

.video-js .vjs-tech { 
    top: -2px; 
} 

.video-js { 
    overflow: hidden; 
}

但是，這有點厚顏無恥。

來源

2013-05-31 09:56:08

謝謝拉爾夫！這是一個非常好的解決方案，它肯定會解決這個問題。關鍵是要使用overflow：hidden;還有一些邊緣調整來隱藏邊界。 – Raul

只要添加我的2美分 - 對於我的（video.js 5），我所要做的就是隱藏視頻js的背景顏色（使其透明）。 –

你真的炸燬視頻什麼可能會損失你的質量，然後你從視頻中刪除實際的東西，純粹的損失。使用以下方法很容易解決：*：重點{ background：none; border：0px; 概要：無; } –

我終於整理出以下ralph.m的方式評論是如下：

.video-js .vjs-tech { 
    /* make the video larger so it can hide*/ 
    width: 102%; 
    height: 102%; 
    /* displace video to hide*/ 
    left: -5px; 
    /* allow space for hiding*/ 
    margin: -10px; 
    position: absolute; 
    top: 0; 
} 

.video-js { 
    /* make sure overflow is hidden*/ 
    overflow: hidden; 
}

來源

2013-05-31 12:13:32 Raul

出現在視頻元素上的不需要的邊框

回答

相關問題