0

私のサイトには背景用のビデオ (html5 ビデオ要素) があり、どういうわけか、(ページ全体を引き伸ばすのではなく) ページの半分に表示されています。検査すると、ビデオ要素には次のものがあります。

element.style {width: 1349px; margin-top: -344px; margin-left: 0px; }

margin-top: -344pxしかし、これがどこから来ているのかわかりません。サイトのテンプレートを購入しました。この原因を特定する方法について、誰か提案をいただけますか?

4

2 に答える 2

2

まず、次のエラーが表示されます。

Uncaught TypeError: Cannot set property 'volume' of null

385 行目で、HTML で作成していない要素「jazz_player」の音量を設定しようとしているためです。

プラグインの JS で設定されている CSS 設定をオーバーライドする場合は、次のように使用できます!important。

.my-overriding-class{
   margin-top: 0 !important;
}
于 2013-01-10T04:10:48.227 に答える
0

これが簡単なヒントです。1349 は画面の幅と同じかもしれませんが、画面によってはそれよりも大きくなったり小さくなったりする場合があります。フレームに基づいてビデオを調整するので、HTML5 ビデオは便利です。実際の答えは次のとおりです。1349px を 100% に置き換えます。幅も足して100%にします。さらに、margin-top と margin-left を margin: 0px 0px 0px 0px で削除しました。最終的なコード: element.style {width: 100%; 高さ: 100%; マージン: 0px 0px 0px 0px; }

画面サイズが異なるモバイルデバイスでは、ビデオが表示されないようにします。

これは正しいように見えますが、間違っている場合は誰かが私を修正してください。

于 2013-01-10T04:10:15.823 に答える