Skip to content

Instantly share code, notes, and snippets.

@haruta

haruta/video_controls_layout_ng.html

Last active August 29, 2015 14:14
Show Gist options
  • Save haruta/aff687fe775d921f8f72 to your computer and use it in GitHub Desktop.
Save haruta/aff687fe775d921f8f72 to your computer and use it in GitHub Desktop.
Download ZIP
なんか、Android の標準ブラウザ(私が確認したのは ARROWS A 202F と Xperia A SO-04E) でなぜか video タグの controls が input タグに対する CSS の width と height の設定が効いちゃうんだけど、そういうもんなの。。。
Raw
video_controls_layout_ng.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<style>
input {
/* なぜか この CSS が当たってるっぽく、レイアウトが崩れる */
height: 40px;
width: 100%;
}
</style>
</head>
<body>
<video controls src='video.mp4'></video>
</body>
</html>
Raw
video_controls_layout_ok.html
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<style>
input {
/* ここをコメントアウトすればちゃんと表示される
height: 40px;
width: 100%;
*/
}
</style>
</head>
<body>
<video controls src='video.mp4'></video>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment