ページ可視性 API - Web API | MDN
ページ可視性 API (Page Visibility API) では、現在ページが見えているかどうかを調べる機能とともに、文書が表示されたり非表示になったりした時を監視することができるイベントを提供します。 これは特に、文書が表示されていない時に不必要なタスクの実行を抑止することで、リソースを節約したり実行効率を上げたりするために特に有用です。 ユーザーがウィンドウを最小化したり他のタブに切り替えたりした時、 API は visibilitychange イベントを送信してリスナーにページの状態が変化したことを知らせます。イベントを検出していくつかの操作を実行したり、様々な動作をしたりすることができます。例えば、ウェブアプリで動画を再生している場合、ユーザーがタブをバックグラウンドにした場合に動画を一時停止させ、ユーザーがこのタブに戻ったときに再生を再開させたりすることができます。ユーザ
HTML5ビデオのコントロール - PR TIMESデザイナー&エンジニアブログ BREAK TIMES
PR TIMESのサービス説明ページではHTML5を使って動画を埋め込んでいます。 しかしただ埋め込んだだけでは、垂れ流しとなり動画を適切に見てもらうことができません。 そこでjavascriptなどから動画を制御することで、他のコンテンツを見るときの邪魔にならず、また閲覧者に適切に見てもらえるようにしました。 まずvideoタグを使って動画を埋め込みます。 このときにidを忘れずに設定しましょう。 Videoタグ非対応のブラウザでは、objectタグを挟むことによって動画を表示させることができます。 <video width="1600" height="550" id="prvideo" autoplay loop poster="video.jpg"> <source src="video.webm" type='video/webm;codecs="vp8,vorbis"' />
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
