Help us understand the problem. What is going on with this article?

Webページを表示している間自動スリープさせなくする方法

More than 3 years have passed since last update.

※こちらの方法は現在iosでは使用出来なく、動画が全画面表示されてしまうようです。こちらに関してはJavaScriptやPHPでの対応が必要かと思います。

画面の自動スリープをさせたくない!!

ってある日突然思った僕がいますw
実際今考えてみると何に使うのかわからないですが、いろいろ調べていい感じのコードができたので書かせていただきます。

まず普通に検索してみた。

スクリーンショット 2017-04-21 21.05.07.png
え、こんなに出ないことってある?w(二個目はJavaScriptではなくAndroid Javaでした)

まあというわけで自分で考えることにしたんですけど、最初に「動画見てるときってスリープされないよな」って思ったわけですよ。
まあそんなこんなでできたコードを早速書いちゃいますけど、

<video style="position: fixed; top:0; left:0; height:0;" muted autoplay loop>
<source src="blank.mp4">
<source src=" blank.webm">
</video>

はい。これだけです。
これをbodyのどこかに書きます。
すべてのブラウザで動くかはわかりませんがIE8とかじゃなければ動くと思います。
筆者のスマホのChromeでも動きました。
ちなみにセットする動画ファイルはなんでもいいんですが、様々な面で「なるべく軽いmp4とwebm」がいいと思います。
まあというわけで無茶苦茶サイズの小さいmp4とwebmを用意しましたのでここに置いておきます。※なんと驚異の合計約3KB!
blank.mp4
blank.webm
使うタイミングがあるかはわかりませんが、ネットで調べられないものをできるだけ減らす精神で書きましたw暇な時にでも試してみてくださいな。

46neko
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away