Menu
Place help me... I will try to put the video on the desktop screen and this video width and height 100%. any user visits our site on desktop to see this video.
But open this page on the mobile view to change video. in mobile view different video play.
**Both Screen video autoplay **
Place help me how to possibly this.
**this is my code..**
<html>
<head>
<title>video</title>
</head>
<body>
<video width="100%" height="100%">
<source src="https://www.w3schools.com/howto/rain.mp4" type="video/mp4">
<source src="https://www.w3schools.com/howtorain.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
open mobile view and desktop view plays different video and both autoplay.
796
asked Dec 18 '25 10:12
To play the video in mobile and desktop by giving a separate class
Like..
<video class="desktop" controls autoplay>
<source src="Fumefx colored smoke.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<video class="mobile" controls autoplay>
<source src="mobile.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
To us css to hide ad shoe...
.desktop{
width:100%;
height:100vh;
display:block;
}
.mobile{
display:none;
}
@media only screen and (max-width: 600px) {
.desktop{
display:none;
}
.mobile{
width:100%;
height:100vh;
display:block;
}
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With