如何使用 javascript 通过输入字段输入 URL 来播放视频

Question

我正在尝试制作一个页面，以便我可以通过输入字段输入 URL 并在提交时播放视频。但不幸的是，事情并没有发生。
我正在使用 PC 上的本地文件。

JavaScript

window.onload=function(){
     alert('Your video player is Here');
}
function play(){
    var path  = document.getElementById("path").value;
    document.getElementById('show').innerHTML='<video id="movie" src="'+url+'" height="600px" width="1300px" controls autoplay > </video>';
    var player =document.getElementById('movie');
    player.load();
    alert(''+player.duration);
}

HTML

<input type="text" id="path" placeholder="put movie path"/>
    <input type="submit" onclick="play();" value="Play on"/>
    <div id="show"></div>

Answer 1

您声明了一个名为 path 的变量来存储输入字段中的值，但随后您在更改视频源时尝试使用一个名为 url 的变量。

Answer 2

url 变量未声明。您可以将路径变量重命名为 url 以使其工作。使用下面的代码

<script type="text/javascript">
    window.onload=function(){
         alert('Your video player is Here');
    }
        function play(){
        var url = document.getElementById("path").value;
        document.getElementById('show').innerHTML='<video  id="movie" src="'+url+'" height="600px" width="1300px" controls autoplay > </video>';
        var player =document.getElementById('movie');
        player.load();
        alert(''+player.duration);

        }
    </script>

JSFIDDLE:http://jsfiddle.net/1sug6ucr/

希望对您有所帮助

如何使用 javascript 通过输入字段输入 URL 来播放视频

How to play video by entering URL through input field using javascript

javascript

video