1 reply to this topic

[emmanuel]

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>

[eric]

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!