HTML中的自动播放

时间:2016-01-22 08:03:24

标签: javascript video userscripts autoplay

我是Javascript的新手...就像超级新手:X和我正在编写我的第一个脚本来尝试自动播放我喜欢的动漫的视频集,因为点击后网站上的视频没有自动播放功能链接。我读到有关Video和Var ='我的视频'的信息,试图找出如何告诉脚本,当页面加载视频.autoplay = true ...但我只是走到了死胡同。这是我所在的地方:

var urlsToLoad = [
  'http://Site1/Ep1',
  'http://Site1/Ep2',
  'http://Site1/Ep3',
  'http://Site1/Ep4'
];

if (document.readyState == "complete") {
  FireTimer ();
}

window.addEventListener ("hashchange", FireTimer,  false);

function FireTimer () {
  setTimeout (GotoNextURL, 5000); // 5000 == 5 seconds
}

function GotoNextURL () {
  var numUrls = urlsToLoad.length;
  var urlIdx = urlsToLoad.indexOf (location.href);
  urlIdx++;
  if (urlIdx >= numUrls) urlIdx = 0;

一旦第一个视频链接开始“Site1 / EP1”,我就会这样做:

function myFunction() {
  var vid = document.getElementById("925664"); <--Ctrl+F 'Videoid' from Source 
  vid.autoplay = true;
  vid.load();
}

但它只是像'点击播放开始'一样死了。

我真的可以在PLZZZ使用帮助,谢谢。

2 个答案:

答案 0 :(得分:0)

请尝试使用play()方法。

function myFunction() {
  var vid = document.getElementById("925664");
  vid.play();
}

答案 1 :(得分:0)

这样的事情:

<!-- HTML Page -->
<video id="925664"></video>

// Javascript
function myFunction() {
    var vid = document.getElementById("925664"); // <--Ctrl+F 'Videoid' from Source 
    vid.src = "path/to/file.mp4";
    //vid.autoplay = true; // not really anything that's useful
    vid.load();
    vid.play();
}

警告:大多数移动设备不允许通过代码播放媒体文件,并且需要人工交互(点击/触摸)才能开始播放。但是,在台式机上,这不是问题。