プロが教えるわが家の防犯対策術!

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

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

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

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

よろしくお願いします。

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

  • ありがとうございます。
    すみません、あまり理解できてないですが、
    Webサーバは別のハードウェアで、端末のローカルとは
    別のIPアドレスと思って良いでしょうか?
    (サーバ上のファイルはできております。)

    ローカルのディレクトリはどのように記載し、
    C:からの絶対パスで、指定するのでしょうか?
    すみませんが、よろしくお願いします。

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

A 回答 (4件)

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

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

自分は、 htmlファイルも動画ファイルも自分のPC内に有る場合の記述方法でした。
    • good
    • 0
この回答へのお礼

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

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

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


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

で パスは相対パスで

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

<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=の中身に余計な「.」が入っていたので訂正です。
    • good
    • 0

<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の3つのファイルを用意すること。
(firefoxは3つすべてに対応していない。どれに対応しているかは自分で調べて)

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

自分のPCでは、再生できましたよ
この回答への補足あり
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!