Javascript 设备中的视频没有响应

Javascript 设备中的视频没有响应,javascript,html,css,Javascript,Html,Css,我正试图建立响应视频,改变了滚动。它在浏览器中正常工作,但未显示给设备。我的代码在下面 <html>..<article data-l-nougat class="nougat"> <video id="eleVideo" class="videos" autoplay loop style="display:block;"> <source src="vid/01.mp4" type="video/mp4"> &l

我正试图建立响应视频,改变了滚动。它在浏览器中正常工作,但未显示给设备。我的代码在下面

<html>..<article data-l-nougat class="nougat">
    <video id="eleVideo" class="videos" autoplay loop style="display:block;">
        <source src="vid/01.mp4" type="video/mp4">
    </video>
    <video id="eleVideo2" class="videos" autoplay loop style="display:none;">
        <source src="vid/02.mp4" type="video/mp4">
    </video>
    <video id="eleVideo3" class="videos" autoplay loop style="display:none;">
        <source src="vid/03.mp4" type="video/mp4">
    </video>

在所有浏览器中,它都能正常工作,但在设备中不能正常工作。

在提问之前最好先搜索


你可以在这里找到CSS技巧:

或者你从你的类中删除位置:修复了。视频或者更新如下:

.videos {
width:100%;
position:fixed;
left:0;
top:0;
right:0;
}

请检查附加的代码段

。视频{
宽度:100%;
位置:固定;
左:0;
排名:0;
右:0;
}

您的浏览器不支持HTML5视频。

视频由
.

.videos {
width:100%;
position:fixed;
left:0;
top:0;
right:0;