从js脚本获取html中<video src =“”>的源

时间:2019-04-19 15:53:13

标签: javascript html

我试图以随机顺序在首页上显示webms 每当有人访问主页时。 我认为我完成了随机部分,我的问题是, 将路径字符串放入我的html代码的源src =“”中 我目前对此的看法是:

HTML

<div class="window" id="videos" style="display: none;">
      <div class="content">
        <center>
          <video controls width="500">
            <source id="random_webm" src="" type="video/webm">
            Your browser does not support HTML5 or .webm video, gramps.
          </video>
        </center>
      </div>
    </div>

JS

function random_webm(max) {
var src = ["videos/ship.webm", "videos/ira.webm"];
 return random_webm.src = src[Math.floor(Math.random() * src.length)];
src = rndwebm(3);
document.getElementById('random_webm').src = src.rndwebm(3); 

};

我尝试过的其他事情 https://pastebin.com/raw/3Sjpd0gW

结论-现在如何工作:

<div class="window" id="videos" style="display: none;">
      <div class="header">
        <img class="icon" src="images/video.png">
            gnu.3gp     
        <div class="buttons">
          <button id= "videos" title="minimize" class="window_content" onclick="videos() ">_</button>
          <button>◽</button>
          <button id= "videos" title="minimize" class="window_content" onclick="videos() ">X</button>
        </div>
      </div>
      <div class="content">
        <center>
          <video controls width="500" id="random_webm" src="">
            <source type="video/webm">
            Your browser does not support HTML5 or .webm video, gramps.
          </video>
        </center>
      </div>
    </div>
function videos() {
  var src = ["videos/ship.webm", "videos/ira.webm"];
  document.getElementById('random_webm').src = src[Math.floor(Math.random() * src.length)];

  var x = document.getElementById("videos");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }

}

random_webm()

1 个答案:

答案 0 :(得分:0)

尝试此代码,并使其适应您的需求。

function random_webm() {
  var src = ["videos/ship.webm", "videos/ira.webm"];
  document.getElementById('random_webm').src = src[Math.floor(Math.random() * src.length)];
};

random_webm()