質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

解決済

1回答

1094閲覧

VIDEOタグ記述方法(NW越し)

S-AK

総合スコア8

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2018/07/20 01:13

編集2018/07/20 01:37

よくわからない質問で申し訳ありません。
プログラム初心者です。

クライアントPCからHTMLを呼び出し、
HTMLのVideoタグで、同一ローカルネッワーク内
サーバーの別ドライブフォルダから
動画再生を行いたいと思います。

サーバーIP: 192.168.1.1
動画フォルダ:192.168.1.1/e:/Contents/
動画ファイル:sample.mp4
WEBサーバー: 192.168.1.1(IISで簡易webサーバーとしています。)

【HTML(test.html) videoタグ記述】
・・・略
<video src="//192.168.1.1/e:/Contents/sample.mp4">
</video>
略・・・

クライアントPC(192.168.1.xxx)のChoromeでtest.htmlを呼び出しても
動画ファイルsample.mp4が表示できず、
“Failed to load resource: the server responded with a status of 404 (Not Found)”
となってしまいます。

sourceの指定方法が異なると思うのですが、記述方法がわからず・・・。
ちなみに、クライアントPCのクライアントから
“file://192.168.1.1/Contents/sample.mp4”では再生されます。

ご教授、よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2018/07/20 01:14

質問編集画面タイトル横にある「初心者アイコン」をご活用ください。「初心者」と質問で書くよりも伝わりますし、質問一覧に表示されるのでわかりやすくなります。
m.ts10806

2018/07/20 01:15

サーバーIPはどのように取得したものでしょうか。ローカルサーバ(Webサーバー)などが建っているのでしょうか。
S-AK

2018/07/20 01:21

早速ありがとうございます。 サーバー・クライアント共に、閉じたローカルネットワークでの構築です。ローカルサーバー(192.168.1.1)に、簡易WEBサーバー(IIS)を建てています
m.ts10806

2018/07/20 01:24

そのIISの件は質問本文にも追記しておいてください。
S-AK

2018/07/20 01:34

IISのルートフォルダ配下に”sample.mp4”ファイルを保存し、<video src="sample.mp4" autoplay controls> </video> ではクライアント側からもtest.htmlから再生ができました。
m.ts10806

2018/07/20 01:37

あとはなんとかなりそうですね。解決したようでしたら自身で解決方法を回答に書きベストアンサーに選んで「自己解決」としてください。
S-AK

2018/07/20 01:45

回答ありがとうございます。申し訳ありません。WEBサーバーのHTML(Cドライブ)と同じフォルダに動画ファイルを置くと問題ないのですが、動画ファイルはEドライブに保管する必要があり、videoタグのsource欄は”E:\Contents\sample.mp4"である必要があります。その際のsourceの記述が分からなく。拙い説明で申し訳ありません。
m.ts10806

2018/07/20 02:00

それだと現状の仕組みだけだと無理です。ブラウザからアクセスはできない領域です。IIS配下でサーバー側の言語 例えばPHPなどで出力するような仕組みを作ればいけるかもしれませんが。
S-AK

2018/07/20 02:18

ご回答ありがとうございます。ブラウザからアクセスできない領域と分かりました。WEBサーバーや他のやり方があるか検討してみます。ありがとうございました。
S-AK

2018/07/20 03:47

ごめんなさい。調べて見ましたが、初心者過ぎてphpで動画を取得する記述方法がわかりません。申し訳ありません。
m.ts10806

2018/07/20 03:50

なるほど。同じネットワーク内とはいえ、ブラウザから確認したい場合、ブラウザから参照できないものは表示できません。 ふと思いついたのですが、「シンボリックリンク」は試してみましたでしょうか?手持ちにIIS環境がすぐ用意できないため試せませんが、シンボリックリンクであれば所定の場所から移動することなく参照できるかもしれません。
S-AK

2018/07/20 04:51

ありがとうございます。参照するHTMLがあるフォルダ配下にe:\Contentsをシンボリックリンクする事で映像再生する事が出来ました! ご丁寧に本当にありがとうございました。
m.ts10806

2018/07/20 04:55

解決したようで何よりです。自身で解決方法を回答に書きベストアンサーに選んで「自己解決」としてください。
guest

回答1

0

自己解決

WEBサーバーのtest.htmlが配置されているフォルダに
eドライブのContentsフォルダをシンボリックリンクする事で、
下記、videoタグの記述で表示する事が出来ました。

【HTML(test.html) videoタグ記述】
・・・略
<video src="./Contents/sample.mp4">
</video>
略・・・

mts10806さんありがとうございました!

投稿2018/07/20 04:57

S-AK

総合スコア8

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問