Cornerstone page video background will not play

[AndyDaupert]

I have a client that has sent me a new video for their homepage to replace one that is currently there. I uploaded the video (.mp4 format) and saved the page. The video will not play. There are 3 lines of code to play three different versions of the video, .mp4, .ogv, and .webm. If I just upload the new .mp4 but leave the other two lines of code the same, the player will start playing the .ogv video. Same thing for the .webm. I don’t know if it is something wrong with my clients video. I have tried reformatting with Adobe Premiere but nothing has helped.

This is the code for the homepage currently:

.video-container{ width: 100% !important; height: auto !important; margin: 0 auto -20px; background-color: #fff;} .vid{ width: 100% !important; opacity: .8;} .vid video{ width: 100% !important; height: auto !important;} .overlay{ width: 100%; z-index: 10; position: absolute; margin-top: -15% !important;} .intro{ text-align: center; width: 100%; margin-top: -30px;}

View Full Demo

the video that plays currently is the .webm.

Any help?

K2Productions Weddings DJ, Videography and Lighting

[friech]

Hi There,

Thank you for writing in, the.ogv and .mp4 was not encoded well, because even if you directly access those video by directly pasting the URL on the browser it does not play. Try to re-encode your video and web optimize it. You can find free video transcoder from Google.

Your section video background playing fine on my end (Chrome and Firefox), more likely that is the .webm format.

Cheers!