在HTML中自动播放
问题描述:
我是Javascript的新手......像超级新:X和我正在写我的第一个脚本,试图自动化我最喜欢的动画视频插曲,因为该网站上的视频没有自动播放功能点击链接后。我读了Video和Var ='我的视频',试图找出如何告诉脚本,当页面加载视频时.autoplay = true ...但我只是死路一条。这里是我在:在HTML中自动播放
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;
一旦第一个视频链接开始“站点1/EP1”,我有这样的状况:
function myFunction() {
var vid = document.getElementById("925664"); <--Ctrl+F 'Videoid' from Source
vid.autoplay = true;
vid.load();
}
,但它只是停留死像“点击play开始” ..
我真的可以在这里使用PLZZZ的帮助,谢谢。
答
事情是这样的:
<!-- 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();
}
警告:大多数移动设备不允许媒体文件通过代码播放和要求,以开始播放人机交互(点击/触摸)。但是,在桌面上这不是问题。