13
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2017-04-21

※こちらの方法は現在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暇な時にでも試してみてくださいな。

13
12
28

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?