ビッグカルテルモバイルビデオビュー

Question

私は自分のウェブサイトにビデオを追加しましたが、モバイルデバイスでビデオを見ると画面に対して大きすぎます。私はビデオをモバイル画面に合わせることができるような方法はありますか？それとも、一般的にウェブサイトをより適切なモバイルにするだけですか？ 私のウェブサイト：http://notsomefantasy.bigcartel.com/

Answer 1

は、お店のカスタムCSSにこれを追加します。

.vid-container { 
    height: 0; 
    overflow: hidden; 
    padding-bottom: 50%; 
    padding-top: 35px; 
    position: relative; 
} 

.vid-container iframe, 
.vid-container object, 
.vid-container embed { 
    height: 100%; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 100%; 
} 

は、その後、あなたのホーム・ページに次のコードを使用 - YouTubeはあなたを与えるもので {{ EMBED CODE ID }}を交換して確認すること。

<div class="vid-container"> 
    <iframe width="854" height="480" src="https://www.youtube.com/embed/{{EMBED CODE ID}}" frameborder="0" allowfullscreen=""></iframe> 
</div>