iOS10でYouTubeをインライン再生＆自動再生＆ループ再生を試してページの背景がムービーのサイトをつくれるか検証する 📱 - みかづきブログ その3
結論 できる！ kimizuka.hatenablog.com 以前、iOS10のビデオタグの挙動を調べました が、 videoタグを直接使う機会よりも、YouTubeをつかう機会の方が圧倒的に多いため、YouTubeの挙動を調べてみました。 iOS10のビデオに関しての仕様を整理すると、 playsinline属性をつければインライン再生ができる 無音であれば自動再生できる なので、APIでYouTubeのプレイヤーをつくるときに、 playsinline属性をつけるオプション、無音にするオプションがあれば、インライン再生＆自動再生が実現できそうです。 また、上記に加えてループ再生も可能になると、PC版のサイトでよくある、背景が動画みたいなページがつくれちゃったりすると思うので、 同時に調べることにします。 ではでは早速、 ドキュメント をみながら実装してみましょう。 https://d
YouTube背景動画をスマートフォンでも自動再生する方法。 | non-standard world株式会社
こんにちは。スタッフの川島です。 ここ数年で、動画コンテンツを大胆に使ったコーポレートサイトやランディングページが随分と増えましたね。本記事をお読みのみなさまも、きっとどこかで、動画を使ったWebサイトを目にしたことがあるのではないかと思います。 実は先日から、ノンスタのWebサイトでもトップページの背景に動画を表示するようになりました。その際、スマートフォンからアクセスしても、再生可能な環境ならば背景動画が自動再生されるように実装しています。 スマートフォンでの動画自動再生が可能になってからまだ一年と少しということもあり、情報をお探しの方向けに、実装時の知見を本記事にまとめてみました。 コンテンツ企画を行うディレクターさんや、実装例を探しているエンジニアの方の一助になれば幸いです。 目次 - 概要 - スマートフォンと動画コンテンツの関連について - Webサイトで動画コンテンツを使うと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - swyxio/react-hero-video: A small styled React component to play your hero videos! Check out the demo: