html5-video - video.js 黒いストローク/境界線の削除

Question

http://www.hetlandgoed.be/realisaties/で video.js の実装に成功しました。

奇妙なことに、黒い境界線が追加されます。上下のものは剥がせますが、左右のものは剥がせません。

私たちはこれに慣れていないので、どんな助けも大歓迎です!

Answer 1

video.js を編集できます。これを検索してください：

{wmode:"opaque",bgcolor:"#000000"} 

そしてに変更

{wmode:"opaque",bgcolor:"#FFFFFF"} 

Answer 2

ビデオ自体には、左端と右端に空白行があります。Quicktime/VLCなどで再生するとわかります。

上下の境界線は、ビデオ要素のアスペクト比がわずかに異なるためです。バランスを取るために意図的にこれを行ったのかもしれません。

理想的には、台詞のない新しいビデオだけが必要です。それ以外の場合は、css を使用してビデオの端を非表示にすることができます。

.video.carousel {
  width: 934px;
  margin-left: 3px;
}

#my_video_1 {
  margin-left: -3px;
}