我正在尝试构建在滚动时发生变化的响应式视频。它在浏览器中正常工作,但未显示给设备。我的代码在下面..
<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;
}
并且在所有浏览器中它都能正常工作,但在设备中无法正常工作。
最佳答案
最好先搜索再提问。
您可以在这里找到 CSS 技巧:https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
关于javascript - 视频在设备中没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40277557/