Jump to content
hanksohota

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

Recommended Posts

hanksohota    0
hanksohota

... 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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hanksohota    0
hanksohota

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hanksohota    0
hanksohota

... 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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hanksohota    0
hanksohota

... 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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hanksohota    0
hanksohota

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
Danny    1,327
Danny

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;
}

 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hanksohota    0
hanksohota

... that works for now.

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
hanksohota    0
hanksohota

,,, 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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
hanksohota    0
hanksohota

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • bnapoli
      By bnapoli+
      On my site www.modishmel.com I'm seeing the "blog post title" within the "pins" plugin section breaking words into multiple lines. See screenshot attached.
      Only seeing it in Firefox. Can you help?

    • abuzzelli
      By abuzzelli+
      Strange issue popped up...this site's header http://pattimhall.com looks right in all browsers except firefox. This is what it should look like:
      https://drive.google.com/file/d/0B49uWjV65L5RTGdHSFdsbzBDbTg/view?usp=sharing
      This is what it looks like instead:
      https://drive.google.com/file/d/0B49uWjV65L5RVTVLbnA5aUowWDQ/view?usp=sharing
      Any idea what's going on here?
    • richardjacruz
      By richardjacruz+
      I noticed that the cached version of the website from a Google SERP has broken CSS:
      http://webcache.googleusercontent.com/search?q=cache%3A1uyPM2gXGG0J%3Astevensoncrane.com%2F+&cd=16&hl=en&ct=clnk&gl=us
      Any idea why? The site looks fine elsewhere.
      Also, when using the Web Developer Toolbar in Mozilla Firefox, there are a BUNCH of warnings regarding CSS. I'm wondering that's the problem with the Google cache.
      In a prior post, I had experienced similar "breaking" of the CSS, but that was due to some errors in DNS. I thought we resolved all of that, so this perplexes me.
      Thanks,
      Rich
    • AliceNicholls
      By AliceNicholls+
      Hi there,
      I'm trying to place the menu bar on top of a Revslider image using negative top margins and z-scores to place the Revslider under the menu as per this forum post: https://forum.pagelines.com/topic/37996-menu-inside-full-width-slider/
      It looks great in Chrome and Safari but in Firefox the slider doesn't spread out across the page. Instead it stops when it collides with the items in the menu (i.e. logo and menu items). Any advice on what I'm doing wrong?
      The full site is here: http://seemly-hobby.flywheelsites.com/
      Thanks a lot!
      Al

    • jeomiland
      By jeomiland+
      Greetings
      Was on the phone with client yesterday reviewing the site and the server slowed way down. Did a couple updates that may not have taken. Now cannot get back into the DMS editor for http://cassclayton.com/dev/  I can see the site in chrome and firefox but the background image is no longer there. Can get into dashboard in chrome and firefox. Cannot get into DMS editor in chrome - get "Oops, There may be an issue loading." error no matter how many times I try.  My internet connection is not the fastest, but I can access other sites I've built in DMS - just not http://cassclayton.com/dev/
      My question is,
      1) is there a safe way to reinstall DMS that will not trash the work done on the site? 
      2) Is there a way to see if something in the database got corrupted and how to fix? Since I can't get into DMS editor, can't get to the Flush Cache page to try that.
      Just turned on
      define('WP_DEBUG', true);
      Help!
      Thanks
×