マガジンのカバー画像

徒然HTML5

19
なかしまぁ先生のHTML5に関するコラム集です。
運営しているクリエイター

2020年8月の記事一覧

input属性のデザイン

input属性のデザイン

<input type="submit">のデザインがiPhoneではうまくいかないことがある。

<button>使えばいいのだけど、サーバ絡んでるし・・・と思ってググったら、どうもiPhoneの持っているデザインが優先されるらしい。

ということで、次のコードを挿入

-webkit-appearance: none;

うまくいきました。

【PR】

①初心者向けHTML5対面教室(東京

もっとみる
video要素のスマホでのレイアウト崩さない再生

video要素のスマホでのレイアウト崩さない再生

video要素を使用するのに、スマホで扱うときは、スマホのプレイヤが起動して画面いっぱいに広がるから注意が必要だと今まで教えてた。

ところが次のplaysinline属性を入れれば、レイアウトも崩れずにvideoを表示できると聞いてびっくり。

<video src="~.mp4" playsinline></video>

画像をインラインで再生できるようだ。試したらできた。(スマホで再生のこ

もっとみる