Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 10, 2016 at 5:26 pm #697484
    romano2

    Hello
    I’m using a video background in a color section. There is a testimonial block in the color section.
    My problem is just with smaller resolutions, then the testimonial block takes more height, and the video don’t cover anymore the color section. I can see the color background at top and bottom of the video background, not nice.
    Is there a way to have this video background like in css : “position-size:contain” to cover all the color section ?
    Thanx !

    October 11, 2016 at 7:26 am #697646
    Rikard

    Hi romano2,

    Could you post a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    October 11, 2016 at 12:22 pm #697765
    romano2

    Yes here it is :

    October 12, 2016 at 2:12 pm #698274
    Andy

    Hi,

    you can control video’s height with this code inside Quick CSS field:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
video#player_2_672007530_1014330572 {
height: 400px !important;
}}

    Adjust it as needed for different screen sizes (by changing media queries).

    Best regards,
    Andy

    October 13, 2016 at 9:47 am #698643
    romano2

    Thanx.
    But height don’t affect the video size, and the video’s id changes every load of the page…
    So on the base of your help, I found how to :

    @media only screen and (max-width: 989px) and (min-width: 500px) {
	#my_id video.avia_video {
		width: 350% !important;
		left: -120% !important;
	}
}

    Now it’s working good enough. Thanx !

    • This reply was modified 8 years, 1 month ago by romano2.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Background video fullscreen’ is closed to new replies.