<現在の状況説明>
MacbookAirでGeektoolというアプリを使って、デスクトップに動画を読み込んでいます。すると、どうやらデスクトップを開いていない時でも動画再生がずっとされているらしく、電池の消費が激しいです。
そこで、このデスクトップの動画が再生される条件として、「他のページ(例えばChromeなど)を全画面表示している場合は、再生がストップする」といった内容のプログラムを、HTMLorCSSで実装したいのですが、何か良い方法はありませんでしょうか?(というか、可能でしょうか?)
ちなみに、動画はインストールして自分のMacに入っているものを読み込んで表示しています。
コードは以下の通りです。よろしくお願い致します。
html
1<!DOCTYPE html> 2<html> 3<head> 4 <link rel="stylesheet" type="text/css" href="video.css"> 5</head> 6<body> 7 <video autoplay loop muted> 8 <source src="kinfolk.mp4" class="video"> 9 </video> 10</body> 11</html>
css
1video { 2 position: fixed; 3 right: 0; 4 bottom: 0; 5 min-width: 100%; 6 min-height: 100%; 7 width: auto; 8 height: auto; 9 z-index: -0; 10 background-size: cover; 11}
あなたの回答
tips
プレビュー