1

YouTube iFrame API を使用してビデオを埋め込むと、奇妙なバグに遭遇しました。

このバグは Mobile Safari (iPad3、mini、および iPhone) でのみ発生します。

特定の高さや幅を設定するために何をしても、ビデオの下のリンクは機能しません。iFrames の高さがサファリによって尊重されていないかのようです。約 4 ~ 5 行後、リンクが再び機能し始めます。

iframe に属性 scrolling="no" を設定する必要があるという記事を見たことがありますが、これは YouTube API の埋め込みであるため不可能です。

以下のデモ:

http://jsfiddle.net/sidonaldson/rqRvx/2

player = new YT.Player('player', {
    height: '200',
    width: '200',
    videoId: 'J---aiyznGQ'
});
4

1 に答える 1

1

iPhone のモバイル Safari でも同様の問題が発生しています。複数の YouTube ビデオを読み込むと、それらの下に表示されるリンクがすべて「無効」になり、読み込まれた順序でのみビデオを再生できるようになります。これは非常に奇妙な動作であり、最後の動画を再生すると、リンクが再びクリック可能になることもわかりました。

私が発見したのは、これはビューポート メタ タグが使用されている場合にのみ発生するということです。

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">

これを削除すると問題は解決しますが、モバイル Web アプリでこれを行う必要があるかどうかはわかりません。

于 2013-05-18T15:07:11.457 に答える