Embedded videos oddity

  • Resolved philds

    (@philds)


    9 years, 1 month ago

    Hi there!

    I’m building a site using your fantastic plugin but have found that videos using Jetpack embed shortcodes aren’t appearing until I right-click the page in Google Chrome and use the ‘inspect element’ feature.

    Example page: http://d57.65f.myftpupload.com/videos-and-podcasts/

    There’s a video at the top outside of the expandable sections and this same video can be found under the ‘Interviews’ section, but only after using the Chrome ‘inspect’ feature. I’ve been digging through the page source and CSS but can’t figure this out (I’m new to this). Can you advise?

    Many thanks,
    Philip

    https://wordpress.org/plugins/jquery-collapse-o-matic/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Baden

    (@baden03)

    9 years, 1 month ago

    try adding the ‘maptastic’ class to your target using the targclass like so:

    [expand tag="h5" trigger="trigger text" targclass="maptastic"] ... [/expand]
    Thread Starter philds

    (@philds)

    9 years, 1 month ago

    Thanks! That helped but the videos seem to have a fixed width that introduces black bars on widescreen content – do you have any advice for that?

    Edit: in expandable sections without text the videos appear fine, see the ‘Everything else’ section on the page.

    http://d57.65f.myftpupload.com/videos-and-podcasts/

    Thanks again for your support!

    Plugin Author Baden

    (@baden03)

    9 years, 1 month ago

    OK, after reading a bit about the jetpack video shortcode it seems you can manually set the size of the video:

    You can specify the width and height of the embedded video by adding &w=… or &w=…&h=…to the shortcode. It will automatically adapt to your theme’s content length and give you preferred dimensions.

    So you do not need to asign the maptastic class with the targclass attribute (take that out), rather simply define a size using the &w=...&h=... var to your video shortcode url and should be golden.

    Thread Starter philds

    (@philds)

    9 years, 1 month ago

    Thank you so much for taking the time to look into this! I’ve added that width argument and it fixed the problem however I had to keep the targclass=”maptastic” attribute else it still didn’t work. I hope that makes sense…

    Also in sections without text and only the embedded video I had to take the width off the Jetpack shortcode else it went tiny (less width than I had specified).

    This may or may not make sense in terms of configuring these elements but it’s working right now so I’ll stick with it.

    Thanks again!

    Plugin Author Baden

    (@baden03)

    9 years, 1 month ago

    Glad you got it sussed out! Issue marked as resolved.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Embedded videos oddity’ is closed to new replies.