ブラウザ上で、.mov形式を表示させたい。

Question

前提・実現したいこと

スマホから動画をアップロードし、YouTubeに投稿するシステムを作っています。

アップロードした動画ファイルを確認画面で表示したいのですが、
mp4形式は問題なく表示・再生できるのですが、iPhoneで撮影された動画mov形式が
ブラウザ上で表示・再生することができません。

mp4形式は、
<video src="***.mp4" controls></video>
で表示が出来ています。

以下のパターンで試してみたのですが、再生することができず...

<video src="***.mov" controls></video>

<video controls="controls" preload="auto">
  <source src="***.mov" type="video/quicktime">
</video>

<embed type="video/quicktime" src="***.mov">

そもそも、mov形式はブラウザ上で再生することは出来ないのでしょうか？
教えて頂けたら幸いです。

Comments

[_lemon2003_]

youtubeではサポートされているようです https://support.google.com/youtube/troubleshooter/2888402?hl=ja 。

パソコンにコーデックなどが入っていないと再生できません。
他の *.movファイルが再生できるなら、また原因が別にあるのでしょう。

[kuroneko-chibi]

遅くなりましたが、ご回答ありがとうございました。 .movは、youtubeではサポートしている形式なのですが、サイト上で一旦表示確認をしたいということで、それが厳しいとなると mp4に変換するか、アップする前に、端末上で確認してからアップするという流れが良さそうです。 ありがとうございました。

Answer 1

デスクトップで再生できるのはSafariだけのようです。
https://developer.mozilla.org/ja/docs/Web/HTML/Supported_media_formats

比較的対応が進んでいる H.264 形式で保存するのがいいのではないでしょうか？

Comments

[kuroneko-chibi]

遅くなりましたが、ご回答ありがとうございました。
mp4に変換するか、アップする前に端末上で確認してからアップするという流れが良さそうです。
ありがとうございました。

Answer 2

残念ながら、mov形式をブラウザで対応しているのはSafariぐらいなものなので、そのまま使うことは事実上できません。

対応表を考えれば、「H.264のmp4に変換する」のがいちばん多様なブラウザに対応できるかと思います。

Comments

[kuroneko-chibi]

遅くなりましたが、ご回答ありがとうございました。
mp4に変換するか、アップする前に端末上で確認してからアップするという流れが良さそうです。
ありがとうございました。

Answer 3

ご質問に対する回答としては不適切かもしれませんが・・・

iPhoneの場合直接YouTubeに動画をアップロードできます。
参考：iPhoneで撮影した動画をYouTubeへアップロード

Comments

[kuroneko-chibi]

サイト上で一旦プレビューして確認後アップするという要件があるんです。。
端末上で確認してからアップするという流れが良さそうです。
ご回答ありがとうございました。