Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

Tubepress Express: Top Player Width Problem


Best Answer eric, 27 May 2015 - 12:04 AM

Hi,

 

You have two options to address this.

  1. Turn off responsive embeds from the "Player" tab on the edit page (screenshot). While this will fix the width issue, it will also break responsiveness of the gallery, so your website's mobile visitors will have a less-than-desirable experience.
     
  2. Make a small adjustment to the embed code for the gallery. Instead of the code you posted, try this instead:
    <div style="width: 624px" id="tubepress-express-IrYmIpy3vyN-894270"></div><script type="text/javascript">(function(f,e){var d="script",a="__tubePressExpress",c=a+"Registry",h=true,g,b;if(!f[a]){f[a]=h;g=e.createElement(d);g.type="text/java"+d;g.async=h;g.src="https://express.tubepress.com/js/embed.js";b=e.getElementsByTagName(d)[0];b.parentNode.appendChild(g)}f[c]=f[c]||[];f[c].push(["register","IrYmIpy3vyN-894270"])}(window,document));</script>
    

    You'll notice that I added style="width: 624px" to the front of the snippet. This will force everything to stay within a width of 624px.

Give one of those options a try? Thanks!

Go to the full post


  • Please log in to reply
1 reply to this topic

#1 emmanuel

emmanuel

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 25 May 2015 - 08:26 AM

Hello, after updating one of my galleries the size of the top player is not matching the size it is configured to in the settings. The size of the player is set to be 624x351, but once the gallery loads the player's width is stretched to 100%.

 

This is the code of the gallery I am referring to:

 

<div id="tubepress-express-IrYmIpy3vyN-894270"></div><script type="text/javascript">(function(f,e){var d="script",a="__tubePressExpress",c=a+"Registry",h=true,g,b;if(!f[a]){f[a]=h;g=e.createElement(d);g.type="text/java"+d;g.async=h;g.src="https://express.tubepress.com/js/embed.js";b=e.getElementsByTagName(d)[0];b.parentNode.appendChild(g)}f[c]=f[c]||[];f[c].push(["register","IrYmIpy3vyN-894270"])}(window,document));</script>



#2 eric

eric

    Lead Developer

  • TubePress Staff
  • 2,787 posts

Posted 27 May 2015 - 12:04 AM   Best Answer

Hi,

 

You have two options to address this.

  1. Turn off responsive embeds from the "Player" tab on the edit page (screenshot). While this will fix the width issue, it will also break responsiveness of the gallery, so your website's mobile visitors will have a less-than-desirable experience.
     
  2. Make a small adjustment to the embed code for the gallery. Instead of the code you posted, try this instead:
    <div style="width: 624px" id="tubepress-express-IrYmIpy3vyN-894270"></div><script type="text/javascript">(function(f,e){var d="script",a="__tubePressExpress",c=a+"Registry",h=true,g,b;if(!f[a]){f[a]=h;g=e.createElement(d);g.type="text/java"+d;g.async=h;g.src="https://express.tubepress.com/js/embed.js";b=e.getElementsByTagName(d)[0];b.parentNode.appendChild(g)}f[c]=f[c]||[];f[c].push(["register","IrYmIpy3vyN-894270"])}(window,document));</script>
    

    You'll notice that I added style="width: 624px" to the front of the snippet. This will force everything to stay within a width of 624px.

Give one of those options a try? Thanks!