Hi,

I have a client that wants to have a video right above the footer on their site. They want it to auto play and keep looping. My question is what is the smallest size video file that can be used to do this and still have it look good and how would it be coded into the site to work?

Thanks!

I've used the straight html video tag.

Hi Eric,

Thanks so much! I will give it a try. What is your experience with the quality verses size of the video. My client is wanting to purchase this video and I was wondering if she purchased the lower dpi (for bandwidth purposes), if it would look yucky and pixelated? Here is the video she is wanting me to use. Do you have any recommendations on what size she should purchase?
http://www.123rf.com/search.php?word=an … p=40665374

Thanks!

It depends on how big your going to want to allow it to be in your responsive page.
Here's a video on one of my sites.
https://pestlogbook.com/sliders/videos.html
It's 640x480 and very crisp.
I would make a dummy video with each of the sizes and try them in your site and get the client to approve the choice.

It is going to be full width of the screen.
She is wanting to do something similar to the videos on this page:
http://www.nytimes.com/interactive/2016 … t&_r=0

Here's that video.
Looks to be 1200 wide then stretched.
http://int.nyt.com/data/videotape/finis … y-1200.mp4
It looks to be 13.6 mb. that's pretty large.
I would make a couple of dummy videos and see how the client likes the quality vs the speed of load.

I just convinced the client to use a still image.