読者です 読者をやめる 読者になる 読者になる

もっく日記

書いておぼえるためのブログ

Android4.4.2で動画が再生できない不具合

transform: translateX(-50%) translateY(-50%);を使って天地左右中央に配置した要素の中にYoutubeを入れたら、Android4.4.2で再生できない(選択できない)不具合が発生しました。

あてていたスタイルはこういう感じです。

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
-webkit-transform: translateX(-50%) translateY(-50%);

をはずすと再生できたので、margin-topmargin-leftで中央になるように変更したら解決しました。