ベーシック認証をかけてスマホの動作確認してたら更新毎にパスワードを求められたのを処理した件

レスポンシブで制作しているときにちょっと困ったことがありまして、テストサイトでスマホの動作確認をしていると更新毎にベーシック認証を求められるようになってたんですね。いろいろ要素を外して検証してみたら原因はvideoタグにあることが分かりました。

videoタグはスマホ画面では使っていないのでdisplay:none;を掛けているのですが、存在している時点でアウトみたいです。

公開するときは問題ないでしょうが、まだ公開前でお客さんにも確認してもらうので、確認の度にスマホ画面でシコシコIDとパスワード打ち込むの面倒ですよねぇ。

解決するべくググってみたら、「videoタグを使いBasic認証をかけてスマホで起こる不具合を回避」という記事に行きついて、こちらでは再生できないとの不具合の処理でしたが、試しに同じように.htaccessに入れてみました。

<Files ~ "\.(mp4|webm)$">
Satisfy any
Allow from all
</Files>

まぁコード見る限りvideoタグというより正確にはvideoタグでmp4を読み込んでいることが問題みたいですが、これを.htaccessに追記したら更新時にベーシック認証が出なくなったので一件落着。もし同じような事例で困っている方は試してみてはいかがでしょうか？