Resizing the Powerpress Youtube container for Mobile Ready

  • On my episodes I put in the media URL for the Video podcast, then the YouTube embed. I want to make the embed Mobile ready and put together some CSS that will stretch out the player depending on size of the page. I removed all size information from the YouTube embeds, then added the css.

    Only issue is the Powerpress youtube embed doesn’t have a specific DIV class around it that will work.The code is

    <!–powerpress_player–><iframe type=”text/html” src=”URL” frameborder=”0″></iframe>

    Is there a way to add <!–powerpress_player–><div class=”class-to-fit-structure-of-powerpress”><iframe type=”text/html” src=”URL” frameborder=”0″></iframe></div>

    I can then have the css auto-size the file so it looks good.

    Unless there is another way to make this “Mobile Ready”.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Angelo Mandato

    (@amandato)

    I thought the YouTube iframe was responsive automatically. Can you share a link where this is happening? I wonder if the theme is styling the iframe to a specific width.

    Thread Starter Jeffrey Powers

    (@animalien)

    I just tried the new Twenty Seventeen theme. The default YouTube iframe embed gives a width of 560 and height of 315. It does Resize to shrink, but won’t enlarge. If I take out the iframe dimensions, it shows a small window area for the video.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Resizing the Powerpress Youtube container for Mobile Ready’ is closed to new replies.