得到一个来源 在js脚本的html中

问题描述 投票:0回答:1

我每次有人访问主页时都试图以随机顺序在我的主页上显示网页。我想,我完成了随机部分,我的问题是,将路径字符串放入我的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()
javascript html
1个回答
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()
© www.soinside.com 2019 - 2024. All rights reserved.