时间戳

首页 > 解决方案 > 通过变量更改嵌入文本

javascript - 通过变量更改嵌入文本

问题描述

我是一个新的编码员，我正在浏览 youtube 嵌入，并注意到它们有一个共同的因素。我想看看我是否可以通过这个共同因素选择嵌入哪个视频。这是我相信我所做的，但是，它不起作用。我的代码在下面，任何批评都是有帮助的，谢谢。:D

代码：

<input type="text" id="videoName" name="video"</input> 
    <br>
<input type="button" id="search" width="10" length="20" name="Search">
    <br>
    <search onclick="title()"></search>
    <script type="text/javascript">
        function(title){
var texts = document.getElementById('videoName').value
      
    </script>
    <iframe width="560" height="315" src= "var video = 'https://www.youtube.com/embed/' + texts" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    }
    <br>

标签： javascripthtml

解决方案

我做了以下更改：

  1. 用于<button>提交结果而不是两个输入按钮
  2. 删除search标签，因为它不是有效标签
  3. 您创建的函数可能需要一个名称，例如function getTitle(){}. 最初，您将标题放在括号内，因为您不需要传递titlein 并且title将在函数内部获取。因此，我们可以将其留空。
<input type="text" id="videoName" name="video" /> <br>
<button type="submit" onClick="getTitle()" id="search" width="10" length="20" name="Search">

<script type="text/javascript">
    function getTitle() {
        var texts = document.getElementById('videoName').value;
    }
</script>
<iframe width="560" height="315" src="var video = 'https://www.youtube.com/embed/' + texts" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<br>

推荐阅读