teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

加筆

2016/07/08 11:17

投稿

shi_ue
shi_ue

スコア4437

answer CHANGED
@@ -3,4 +3,16 @@
3
3
  ちゃんと取り出せてるじゃないですか。
4
4
  その`f.name`を`video`の子要素`source`を作って`append`してやればいいですよ。
5
5
 
6
- でも、File APIで取得したファイル名はパス情報がありませんが、大丈夫ですか?
6
+ でも、File APIで取得したファイル名はパス情報がありませんが、大丈夫ですか?
7
+
8
+ 追加
9
+ ---
10
+ forの中で `f.name`として取れているので、
11
+ ```javascript
12
+ var e = document.createElement('source');
13
+ e.src = f.name;
14
+ $("video").appendChild(e);
15
+ ```ってやれば足せます。でも最初にvideoの子要素を削除しておかないと、どんどん増えていきますよ。
16
+ もう少し調べて頑張ってみてください。
17
+
18
+ またFile APIのnameにパスが無い件ですが、htmlが置かれているディレクトリに直接ファイルが無いと、この方法では再生できません。