gpt4 book ai didi

javascript - 来自输入标签的 Html5 视频源

转载 作者:行者123 更新时间:2023-11-28 11:03:23 24 4
gpt4 key购买 nike

我想制作一个带有文本输入元素的网页,我可以在其中放置一个网址,然后按下按钮即可开始从该网址播放视频。换句话说,我想让输入中的 url 成为视频标签的来源。

<!DOCTYPE html>
<html>
<head>
<script>
function write(){
document.write(document.getElementById('url').value);
}
</script>
</head>
<body>

<p>Enter the source of the video.</p>

<form id="frm1">
URL: <input id="url" type="text" name="fname"><br>
<input type="button" onclick="write()" value="Please Write the URL">
</form>

</body>
</html>

最佳答案

试试这个代码

<!DOCTYPE html>
<html>
<head></head>
<body>
<p>Enter the source of the video.</p>
<form id="frm1">
URL: <input id="url" type="text" name="fname"><br>
<input type="button" onclick="write()" value="Please Write the URL">
</form>
<video id="myVideo" controls>
<source src="foo.ogg" type="video/ogg; codecs=dirac, speex">
Your browser does not support the <code>video</code> element.
</video>
<script>
function write()
{
var vid = document.getElementById('myVideo');
vid.src = document.getElementById('url').value;
vid.play();
}
</script>
</body>
</html>

关于javascript - 来自输入标签的 Html5 视频源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17186268/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com