iOS10でインライン再生を実装する

iOS10でインライン再生や自動再生ができるようになったようなので、実際に試してみました。

サンプルコード

インライン再生する場合、playsinline属性を指定します。

HTML

<video  src="movie.mp4" width="320" height="180" playsinline controls></video>

インライン再生のデモページ

インラインで自動再生したい場合は、playsinline属性と合わせてmuted属性とautoplay属性を指定します。

HTML

<video  src="movie.mp4" width="320" height="180" autoplay muted playsinline></video>

インラインで自動再生のデモページ
muted属性は動画自体が無音の場合は設定しなくてもいいようです。
 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年3月
 12
3456789
10111213141516
17181920212223
24252627282930
31