VIDEOタグでPC上のローカルファイルを動画再生する方法

OSはWindows10でWebブラウザはFireFoxで製作しています。
VIDEOタグでPC上のローカルファイルを動画再生する方法を調べています。

<video src="" autoplay></video>

では無理のようですが、どのようにしたら良いかわかりません。
srcは基本的にHTTPサーバ上しか難しいのでしょうか？
事情があって、ローカルの動画ファイルの再生をしたいと思っております。

ぜひ、ご教授方よろしくお願いします。

よろしくお願いします。

質問者からの補足コメント

• ありがとうございます。
  すみません、あまり理解できてないですが、
  Webサーバは別のハードウェアで、端末のローカルとは
  別のIPアドレスと思って良いでしょうか？
  (サーバ上のファイルはできております。)
  
  ローカルのディレクトリはどのように記載し、
  C:からの絶対パスで、指定するのでしょうか？
  すみませんが、よろしくお願いします。

  No.1の回答に寄せられた補足コメントです。 補足日時：2016/01/18 14:48

No.4 回答者： satriani2013 回答日時： 2016/01/18 15:05

今、気づいたけど　質問がなんかおかしいよね。

質問変わってないかな？
もしかして、htmlファイルはwebサーバにあって、動画ファイルは自分のPCにある場合のvideoタグの記述方法ですか？　それは私にはわかりません。

自分は、　htmlファイルも動画ファイルも自分のPC内に有る場合の記述方法でした。

この回答へのお礼

ありがとうございました。
そうなんですよ、少しイレギュラーなことをする必要がありお伺いしています。
すみませんが、よろしくお願いします。

お礼日時：2016/01/21 15:29

No.3 回答者： satriani2013 回答日時： 2016/01/18 14:59

自分のＰＣのハードディスクに保存してます。

たとえば　
D:\a フォルダ内に
a.mp4
a.ogv
a.webm
index.html ←videoタグを記述してある

で　パスは相対パスで

あとはindex.htmlをブラウザで表示すればOKだと思います

No.2 回答者： satriani2013 回答日時： 2016/01/18 14:48

<video id=1 preload='none' poster='a.jpg' muted onclick='this.play();' controls>

<source src='a.mp4' type='video/mp4'>
<source src='a.ogv' type='video/ogg ; codecs="theora, vorbis" '/>
<source src='a.webm' type='video/webm'>
<div>動画を再生するには,videoタグをサポートしたブラウザが必要です</div>
</video>

No.1です。src＝の中身に余計な「.」が入っていたので訂正です。

No.1 回答者： satriani2013 回答日時： 2016/01/18 14:29

<video id=1 preload='none' poster='a.jpg' muted onclick='this.play();' controls>

<source src='.a.mp4' type='video/mp4'>
<source src='.a.ogv' type='video/ogg ; codecs="theora, vorbis" '/>
<source src='.a.webm' type='video/webm'>
<div>動画を再生するには,videoタグをサポートしたブラウザが必要です</div>
</video>

動画の拡張子がmp4,ogv,webmの３つのファイルを用意すること。
（firefoxは３つすべてに対応していない。どれに対応しているかは自分で調べて）

firefoxの場合、動画の再生ボタンを押しても動画が止まってしまう。
再生ボタンを押した後に、音量ボタンを押すと動画が再び動き出します。
firefoxのバグだと思います。

自分のPCでは、再生できましたよ