Forum Support

Shape 5
March 29, 2024, 05:26:12 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Video embedding on Intro Page  (Read 503 times)
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« on: July 07, 2014, 10:47:12 AM »

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.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: July 07, 2014, 10:00:16 PM »

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

Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #2 on: July 08, 2014, 08:25:46 AM »

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.
Logged
IvesFilm
Jr. Member
**
Offline Offline

Posts: 49



« Reply #3 on: July 08, 2014, 09:20:48 AM »

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.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #4 on: July 08, 2014, 07:12:57 PM »

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

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.