Shape 5

Simply posting Custom HTML in the form of

<div class="s5_video_container"><iframe></iframe></div>

works very very well on the intro page.

My question is, can I force the iframe to fully cover both height and width. I know the sides will be cropped, thats fine. Just wondering if there is a quick change I can make to the S5 video container class.

Hello,

Can you post a URL?

1) Are you trying to span it full page width or within the body parameters?
2) Did you try specific CSS targetting the iFrame or Div Class?

.s5_video_container {
iframe {

You can try using width/height values with !important with the elements above and !important calls. Also can maybe try the background-size: cover; css value as well.

-Mike

I PMed you a link, only registered users can view the page for now.

I was just looking to duplicate the same behavior your demo intro page image exhibits, but with video. I suppose I could resort to gifs for smaller devices but, thats a bandaid at best.

Yes I tried editing the container class with no effect (with !important and cover). Maybe I just didnt do it right, but as usual the full width of the iframe must be shown at all times.

The best I could do was force a relative positioning so the embedded element took the whole page (black borders top and bottom). But the player itself wouldnt open up.

I think best option is to just replace the video completely on smaller than desktop devices.

Yeah I'm going to just stick with that. Probably a smarter idea anyway. Not like mobile devices have bandwidth or power to load video willy nilly.

Alright sounds good. Let me know if you have any further questions.

-Mike