html5ビデオのソースをユーザーが入力する方法はありますか？

Question

は、私は、ソースなしで私のHTMLページ内のvideo要素があると私は、ユーザーが自分が見たいビデオのソースを貼り付けたい

<video controls> 
<source src=""> 
</video> 

と空の入力要素

<input></input> 

を指定input要素に入力し、Enterキーを押して参照してください。しかし、私は単にGoogleに何を知っている/それを行うことができるように学ぶことはできません。誰も助けることができますか？ここでは、jsfiddle http://jsfiddle.net/aj9jy6tv/

私は、ユーザーがビデオソースにURLの場所を入力することができますし、Enterキーを押すと、テキストを取得し、

Answer 1

これは入力から値を取得し、src属性を変更します。 load()とplay()に電話する必要があります。あなたはあなたが望むように入力をしたいと思う方法を混乱させることができます。

Fiddleここに機能性を示します。

// Note this is the url im pasting into the input: https://www.w3schools.com/html/movie.ogg 
 

 
(function() { 
 
    document.getElementById('url').addEventListener('keydown', function(e) { 
 
    if (e.keyCode === 13) { 
 
     var url = this.value; 
 
     document.getElementById("video_res_1").src = url; 
 
     document.getElementById("video1").load(); 
 
     document.getElementById("video1").play(); 
 
    } 
 
    }); 
 
})();

<input type="text" id="url" placeholder="Enter Url"> 
 
<video id="video1" width="240" height="160"> 
 
    <source id="video_res_1" src="" type="video/ogg"> 
 
</video>