WordPress.org

Ready to get started?Download WordPress

Forums

Vimeography
IE 9 Issue (7 posts)

  1. harbrace
    Member
    Posted 1 year ago #

    In IE9, our clients are seeing the Vimeography plugin stretching beyond the max width of the Vimeography theme. I check the settings and the max-width is set to 588px.

    When I pull up the home page (www.teknovation.biz), there's an an iframe in the code:

    <div class="box" style="max-width: 588px;">
    
    												<div id="text-2" class="widget-container widget_text"><h1>Latest Videos</h1>			<div class="textwidget"><div id="vimeography-gallery-1" class="vimeography-bugsauce" data-version="1.4" style="max-width: 588px;">
    
    	<div class="vimeography-main">
    			<iframe id="vimeography-embed-1" src="http://player.vimeo.com/video/49028651?title=0&byline=0&portrait=0&api=1&player_id=vimeography-embed-1" width="1280" height="720" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    	</div>
    
    	<div class="vimeography-thumbnails flexslider">
    		<ul class="slides">
    				<li><img src="http://b.vimeocdn.com/ts/338/228/338228150_640.jpg" alt="Teknovation - Brad Smith - Part 1" data-id="49028651" width="186" height="105" /></li>
    				<li><img src="http://b.vimeocdn.com/ts/321/969/321969717_640.jpg" alt="Teknovation Interviews - Dan Close" data-id="46056498" width="186" height="105" /></li>
    				<li><img src="http://b.vimeocdn.com/ts/322/008/322008024_640.jpg" alt="Teknovation Interviews - Joey Natour" data-id="45990322" width="186" height="105" /></li>
    				<li><img src="http://b.vimeocdn.com/ts/306/670/306670162_640.jpg" alt="What's the Big Idea? DineTouch Presentation" data-id="44118167" width="186" height="105" /></li>
    				<li><img src="http://b.vimeocdn.com/ts/306/671/306671754_640.jpg" alt="What's the Big Idea? LineShark Presentation" data-id="44118119" width="186" height="105" /></li>
    				<li><img src="http://b.vimeocdn.com/ts/306/121/306121643_640.jpg" alt="What's the Big Idea 2012 Winner Presentation" data-id="44056616" width="186" height="105" /></li>
    		</ul>
    	</div>
    
    </div> <!-- End Gallery -->

    I was wondering if the iFrame width and height are the problem, but I can't figure out how to edit that code. Nor am I sure that's the problem.

    I thought the problem may also be because that's the actual video size in Vimeo.

    Any help would be appreciated.

    http://wordpress.org/extend/plugins/vimeography/

  2. Dave Kiss
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    Can you post a link to the page where you're experiencing the issue? If you don't feel comfortable posting here, you can also email me at support [at] vimeography [dot] com

    Cheers,
    Dave

  3. harbrace
    Member
    Posted 1 year ago #

    Dave,

    The site is: http://www.teknovation.biz.

    Thanks for your help!

  4. Dave Kiss
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    Try changing the iframe width and height parameter in wp-content/uploads/vimeography-themes/bugsauce/videos.mustache and let me know if that resolves the issue.

    dk

  5. harbrace
    Member
    Posted 1 year ago #

    Dave,

    I updated the iFrame width and height as follows on line 5:

    <iframe id="vimeography-embed-{{gallery_id}}" src="http://player.vimeo.com/video/{{id}}?title=0&byline=0&portrait=0&api=1&player_id=vimeography-embed-{{gallery_id}}" width="588" height="330" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

    It fixed the original problem with IE9, but an AdobeBrowserLab check shows that the videos below the featured video are not appearing.

    Any ideas?

    Thanks a lot for your help!

    -David G.

  6. Dave Kiss
    Member
    Plugin Author

    Posted 1 year ago #

    This is really a difficult issue to troubleshoot, as I don't have access to a PC, but try editing the css on line 91 of wp-content/uploads/vimeography-themes/bugsauce/bugsauce.css to force the display height of the thumbnail slider.

    display: block;
    height: 125px;

  7. harbrace
    Member
    Posted 1 year ago #

    Dave,

    I gave that a try, and it's still hiding the thumbnails in IE9. Here's a screenshot I took using Adobe BrowserLab: http://www.teknovation.biz/screenshot1.png.

    I checked on a colleague's PC and the screenshot is consistent with my colleague's view.

    Any other ideas? I really appreciate your help!

    -David G.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.