javascript - 如何在 iframe 中显示搜索结果？因为当我单击提交而不是在其自己的 URL 上加载视频时，我想留在同一个 URL

Question

所以我有这个代码，功能就像一个搜索框，但是如果你输入精确的视频 ID，你将被定向到精确的视频 URL，你可以播放它。但.....

<input type="search" id="testSearch" class="Search" name="" value="" 
placeholder="VIDEO ID">
<button id= "search" onclick="search()" >Search</button>

<script>
function search() {
  var searchtxt = document.getElementById('testSearch').value
window.location.href = "https://mysiteurl.com/"+ searchtxt + ".html";
}
</script>

....如何在不离开网站的情况下将视频显示在同一页面的 Iframe 框中，这样如果他们想观看另一个视频，他们只需在搜索框上再次输入精确的 VIDEO ID，它就会显示再次到 iframe 框。

标签： javascripthtml