我创建的网站的自动播放视频不会加载到android和华威手机设备上。对于我的iphone,以及使用微软作为操作系统的宏碁笔记本来说,这都不是问题。我也不认为这与浏览器有关,因为我在笔记本电脑和安卓系统上都使用了chrome。此外,还启用了javascript和自动播放。为什么不加载?我甚至关闭了自动播放,但它没有加载。
我怎样才能让它也在安卓和华为上运行呢?
<!DOCTYPE html>
<head>
<title>
CursorChange</title>
<link rel="stylesheet" href="style8.css">
<meta name="viewport" content="width=width-device, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta charset="utf-8">
</head>
<body>
<div id="Home">
<div id="Tollkühn">Tollkühn</div>
<svg id="Button" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 708 375.61">
<polygon points="354 375.61 0 0 708 0 354 375.61" style="fill: #fcfcfc"/>
</svg>
<nav id="Navigatorzeile">
<a href id="Home">Home</a>
<a href id="Kollektion">Kollektion</a>
<a href id="Übermich">Über mich</a>
</nav>
<video id="Astronaut", autoplay playsinline muted >
<source src="Astronaut.mp4" type="video/mp4">
</video>
</div>
还有js代码。抱歉,如果看起来很糟糕,我是新来的。。。
var mainVideo = document.getElementById("Astronaut");
document.getElementById("Tollkühn").classList.add("Highopacity");
var Navigatorzeile = document.getElementById("Navigatorzeile");
var Button = document.getElementById("Button");
var clicked = 0;
mainVideo.addEventListener('touchstart', again)
mainVideo.addEventListener('click', again)
Button.addEventListener('click', dropnav )
function again(params) {
mainVideo.play();
document.getElementById("Tollkühn").classList.remove("Highopacity");
document.getElementById("Tollkühn").classList.add("Opac");
}
function dropnav(params) {
clicked++;
if (clicked % 2 == 0) {
Navigatorzeile.style.display = 'none';
}
else{
Navigatorzeile.style.display = 'block';
}
}
暂无答案!
目前还没有任何答案,快来回答吧!