So I have written code to play video on on my website
Heres the code :
video { width: 100%; height: auto; display: block; margin: 0 auto; }I want to display different videos on desktop and mobile versions. Here are the link for both videos
video{
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.deskvideo{
display: block;
}
.mobvideo{
display: none;
}
@media screen and (max-width: 7680px) {
.deskvideo{
display: none;
}
.mobvideo{
display: block;
}
}
1 Like
I pasted the links but it kinda doesnt work
My mistake please replace this line.
@media screen and (max-width: 7680px) {
with this
@media screen and (max-width: 768px) {
1 Like
Where do I have to paste this code? In sections or assets? I am not much of a programmer.