videoタグを利用していて、思わぬ原因でつまづいてしまったのでメモ程度に記載します。

videoタグは各ブラウザによって仕様が定まっておらず、デバック作業に中々苦労すると感じております。
特に SPでも動画を再生したいという要望の場合、より多くの条件が絡んできます。

videoタグが表示されない時にチェックすべき項目

・ソースは正しく記述されているか？
・.htaacesにAddは設定されているか？
・Basic認証がかかっていないか？
・動画の解像度が大きくないか？
・動画の容量は大きくないか？
・ブラウザが対応している拡張子か？

当然ですが、正しく表示されません。
コンソールなどでエラーが無いかチェックしましょう。

.htaacesに使用する動画拡張子を記述しましょう。

.htaaces

AddType video/mp4 .mp4
AddType video/ogg .ogv
AddType video/webm .webm

私はまだ経験がありませんが、Basic認証が設定されていると再生されないことがあるようです。

これが今回の原因でした・・
　ios11では1920* 1080の解像度は再生できませんでした。
640*360で再生可能なことを確認しています。

適正な解像度に調整しましょう。

ブラウザによって大容量のデータを表示しない場合もある様です。
ユーザビリティの関係からも、あまり大きなデータを設置しない方が良いかと思います。

mp4であれば、ほぼ全てのブラウザが対応しているかと思います。

videoタグはjavascriptsでも操作ができ、サイトのゴージャス感も一気に増すと思うのですが、
ブラウザハックに毎度時間を取られてしまいます。
実装に関しても、容量や、レスポンシブなど考えることがたくさんあるので、毎度四苦八苦ですね。