自动播放视频在android和华为设备上不起作用

odopli94  于 2021-09-23  发布在  Java
关注(0)|答案(0)|浏览(268)

我创建的网站的自动播放视频不会加载到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';
    }
}

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题