1

私のサイトには、再生されず、モバイルでのみ再生される youtube iframe ビデオがあります (iPhone5 で iOS7 を使用しています)。私がテストしたデスクトップ ブラウザでは問題なく動作するので、モバイル デバイスでのみ再生できない理由がわかりません。iOS6でテストしたことはありません。

iframe の幅と高さを制御するためにメディア クエリを使用していますが、なぜそれが問題を引き起こすのかわかりません (さらに、メディア クエリはデスクトップ上のビデオで問題なく動作します)。遊ばない？http://nickbewley.com/music/lee-fields/で問題の例を見ることができます。アイデアをありがとう！

4

1 に答える 1

1

以下divはそれを重ねています..クリック/タッチして再生することはできません。

<div class="music-description">My Favorite Album by Lee Fields: </div>

z-index問題を覆い隠しているだけのことは忘れてください。代わりに問題を修正します。

.music-description {
    display: block; /* REMOVE */
}

.music-title {
    display: inline; /* REMOVE */
    display: block; /* ADD */
}

または、spanタグをdivs( を参照.music-title)に変更するだけです。

これを行うと、あなたが探していたスタイルが得られます。

ここに画像の説明を入力

于 2013-09-21T01:07:00.610 に答える