質問: s; } function $(id) { return document.querySelector(id); } こちらのsample.mp4,ogv,webmなどのファイル名を書く場所に取得したファイル名を入れたいと思っております。 もしくは他の方法で良いものがあれば、そちらも教えていただきたいです。 また、今後はjavascriptを使い、ローカルの動画を再生するシステムを作っていきたいと思っているのですが、参考になるサイト、書籍などがあれば教えていただきたいです。 よろしくお願いいたします。
回答: > > File APIでファイル情報を取得し、その情報を個々で取り出す方法がわかりません。 > > > ちゃんと取り出せてるじゃないですか。 その`f.name`を`video`の子要素`source`を作って`append`してやればいいですよ。 でも、File APIで取得したファイル名はパス情報がありませんが、大丈夫ですか? 追加 forの中で `f.name`として取れているので、 ``` var e = document.createElement('source'); e.src = f.name; $("video").appendChild(e); ``` ってやれば足せます。でも最初にvideoの子要素を削除しておかないと、どんどん増えていきますよ。 もう少し調べて頑張ってみてください。 またFile APIのnameにパスが無い件ですが、htmlが置かれているディレクトリに直接ファイルが無いと、この方法では再生できません。