Archived

This topic is now archived and is closed to further replies.

  • 0

Video feature set showing too small in Firefox, Opera and IE9


Question

Posted · Report post

... I have the very same problem but it's not limited to VImeo.  When using Chrome the first video in a feature set is about 75% the height it should be but once it moves to the next video it's all fine.  I have six feature sets on six different pages with a mix of embedded code sources (Vimeo, YouTube and Fora) and they all do the same thing.

 

Even without this specific issue, I have the same problem detailed above when I view any of the feature set pages in FIrefox, Opera or IE9.

 

I have tried numerous solutions involving using inline parameters like 'height', 'vspace', 'marginheight', 'frameborder' etc. and have tried all of them using inline style as well with no luck at all.  I'm using <iframe>.

 

Please advise.

 

Thanks.

 

P.S. I'm working on a locally installed web server and database.

Share this post


Link to post
Share on other sites

16 answers to this question

Posted · Report post

OK, from what I can see there is an issue with the iFrame but I could be wrong. I have added this to our bug tracker, in the meantime add this to your custom CSS:



#site #feature_slider .fmedia .fmedia-pad {
    height: 480px;
}

 

Share this post


Link to post
Share on other sites

Posted · Report post

Great. I'll keep this topic open if you need additional assistance.  If you're satisfied with an answer, please click the "Mark Solved" button next to the best answer.

Share this post


Link to post
Share on other sites

Posted · Report post

,,, if I close out this query, how will I know when this bug has been addressed so that I can take out the workaround?

 

Thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

Well I have created a bug report, but that doesn't guarantee it that this is a bug, our developer may find that the issue lies with the iFrame. Whenever, there is an update, you can find what has been fixed, added or improved here.

 

http://api.pagelines.com/changelog

Share this post


Link to post
Share on other sites

Posted · Report post

OK, thanks.  I'll closed out this topic.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Its very difficult to diagnose when your working locally. Therefore, can you provide screenshots of your Feature settings and provide the code you're using to embed your videos please. When providing your code, use our paste service:

 

http://paste.pagelines.com/

 

Also, it would great if you could install a free application called Jing. Which allows you to capture both screenshots and record your screen. If you could create a video of the issue and then share the link, that would be helpful.

 

http://www.techsmith.com/jing.html

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny,

 

As per your request ... 

 

This is the code I've used which I have also posted to the PageLines PasteBin:

 

<iframe src="http://embed.ted.com/talks/daniel_wolpert_the_real_reason_for_brains.html" frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

 

I've tried uploading screenshots but it kept telling me (incorrectly) that I was running out of upload allocation so I compressed all the images and deleted the previous uploads but now I only seem to have 42.7K upload allocation left.

 

Once this is returned to 500K I can upload the compressed screenshots.

 

Thanks.

Share this post


Link to post
Share on other sites

Posted · Report post

The simplest method to adding images to your posts is to use a image hosting service such as Imgur.

 

http://imgur.com/

 

Once we have the images, showing what you're seing we will hopefully be able to resolve the issue.

Share this post


Link to post
Share on other sites

Posted · Report post

AH Ok, I see what you're referring to, see my image below, which will resolve your issue with your videos not being full width.

 

http://screencast.com/t/TqTZbSmL

Share this post


Link to post
Share on other sites

Posted · Report post

... I've tried this previously and I lose the text on the left which is not what I want.

Share this post


Link to post
Share on other sites

Posted · Report post

I'm now confused as to what you want ? If you do not wish to have the video 100%, then what do you want ?

Share this post


Link to post
Share on other sites

Posted · Report post

... I want to see the same thing in all of the browsers.  So I want to see in Opera, Firefox and IE9 what I see in Chrome (which is the only one that displays correctly - full height image with text).

 

Is that a bit clearer?

Share this post


Link to post
Share on other sites

Posted · Report post

OK, can you taken screenshots of what you see in each browser please, use the imgur service again.

Share this post


Link to post
Share on other sites

Posted · Report post

The images on imgur include screenshots of each browser.

 

Shots 1-3 are set up.

Shot 4 = Chrome

Shot 5 = Firefox

Shot 6 = IE9

Shot 7 = Opera

Share this post


Link to post
Share on other sites

Posted · Report post

... that works for now.

Share this post


Link to post
Share on other sites