0

このウェブページ に YouTube 動画を埋め込みました。

再生をクリックしたときに表示される 2 つの黒いバーを削除したいと考えています。

ここでスクリーンショットを参照してください：

醜い黒いサイドバー

Stack Overflow で検索したところ、最も近いものはこれでしたが、役に立ちませんでした。

YouTube 動画から黒いバーを削除する方法

そこで、次の CSS で動画を調整してみました。

  html5-video-container {
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      position: absolute;  
    }

    video.video-stream.html5-main-video {
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      position: absolute;
    }

最初はビデオだけを調整してみましたが、ビデオ コンテナ要素も調整しようとしましたが、どちらもうまくいきませんでした。

CSSの専門家が私を助けてくれますか?

ワンクリックで再生する前に表示されるサムネイルと同じサイズの動画にしたいと思います。

前もって感謝します。

4

1 に答える 1