Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Using colorbox configuration and video sizing black bars left / right showing

by

Tips and Tricks HQ Support Portal › Forums › WP Lightbox Ultimate › Using colorbox configuration and video sizing black bars left / right showing

  • This topic has 7 replies, 2 voices, and was last updated 8 years, 11 months ago by wpCommerce.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 15, 2016 at 7:39 am #13487
    yumeconsults
    Member

    I have 2 issues:

    FIRST ISSUE: Using Colorbox code for anchor text link. It stopped working. Using this version of Lightbox Ultimate: v2.1.6

    1- Go here: [http://yumeconsults.com/digital-marketing-strategies-downloads/]

    2- I used this code for Colorbox because I DO NOT want related videos to follow at the end (if there is something else I can use let me know to NOT have related videos at the end):

    [wp_lightbox_colorbox_anchor_text_video link=”https://www.youtube.com/embed/L_4UeIIj8Z8?rel=0″ title=”Digital Marketing Strategies for CSR, Diversity and Inclusion” text=”Need a refresher? Watch the video – Click Here!”]

    3- I put both https and without ‘s’ http, and it’s still not working. Lightbox pops up. But nothing plays now. Was working.

    SECOND ISSUE:

    4- When it did play the video there then had black bars showing to the left and right of video player/screen. I tried to go to General settings and do 16:9 aspect ratio size to fix this, my video is 1920×1080 and still nothing worked to resize the video to play in the player without showing the black bars left/right. The width of the video player is not resizing to the video’s size.

    May 15, 2016 at 9:00 am #73251
    yumeconsults
    Member

    UPDATE:

    Hello, I was able to get this to work, kind of. The size of pop-up video is smaller than I would like. I don’t understand why the video is small. The original video on youtube for embed setting is 640×360 however I had to configure the player size in the GENERAL settings in WP to be 519×338 (even though the video itself is 1920×1080 this aspect ratio in General settings is not really normal aspect ratio for 16:9 — I tried different width and height so the video player would not have black bars on right and left of video inside.

    Why can’t I resize the Youtube video (make larger) to the player size? I do not want suggested videos to play and my understanding is this only works in colorbox? Is this correct? Otherwise I would use another short code to control the video size better.

    This is the code used:

    [wp_lightbox_colorbox_anchor_text_video link=”https://www.youtube.com/embed/cPguUWfAK4c?rel=0″ title=”Digital Marketing Strategies for CSR, Diversity and Inclusion” text=”Click Here To Replay Video”]

    May 16, 2016 at 4:48 am #73252
    wpCommerce
    Moderator

    Hi, I tested your video on our development site with 640×360 settings. I didn’t see any black bars on the left and right.

    Colorbox probably considers the video dimensions as the window width and height. That’s why the video size is a bit smaller. You can use other alternatives like prettyPhoto. “rel” parameter is also supported in that shortcode:

    http://lightbox.tipsandtricks-hq.com/wp-content/uploads/lightbox-ult-doc/wp-lightbox-ultimate-general-shortcodes.pdf

    May 17, 2016 at 4:00 am #73253
    yumeconsults
    Member

    What version of lightbox are you using? Can you send me the sample code you used? Also what is your default size in general settings?

    Hi, weird, the video in colorbox is not the ideal size currently and won’t resize to the player :-( I would like to replicate what you did.

    I tried prettyPhoto code with the rel parameter and it didn’t work actually because it’s not /embed/ like colorbox, it’s /watch/ string, this was the code I used:

    [wp_lightbox_prettyPhoto_anchor_text_video link=”https://www.youtube.com/watch?v=cPguUWfAK4c?rel=0″ width=”560″ height=”314″ text=”Need a refresher? Watch the video – Click Here!” description=”Digital Marketing Strategies for CSR, Diversity and Inclusion”]

    Also there is nothing in the document about the rel parameter.

    Thanks.

    May 18, 2016 at 12:19 am #73254
    yumeconsults
    Member

    Hello, please see my previous response to yours. Thanks.

    May 18, 2016 at 2:49 am #73255
    wpCommerce
    Moderator

    You will need to use the & character before “rel”. Currently you are using a question mark which is incorrect.

    See correct example usage below:

    [wp_lightbox_prettyPhoto_anchor_text_video link=”https://www.youtube.com/watch?v=cPguUWfAK4c&rel=0″ width=”560″ height=”314″ text=”Need a refresher? Watch the video – Click Here!” description=”Digital Marketing Strategies for CSR, Diversity and Inclusion”]

    May 27, 2016 at 6:12 pm #73256
    yumeconsults
    Member

    what version of lightbox are you running?

    I used your same exact code see here link below and it still shows related videos at the end. click the first link, that is the code you gave me and I just modified the text to match the current site. Click the end of the video… you don’t have to watch the whole thing and see the related videos at the end.

    [http://yumeconsults.com/digital-marketing-strategies-downloads/]

    May 28, 2016 at 3:56 am #73257
    wpCommerce
    Moderator

    Can you please update the Lightbox Ultimate plugin on your site?

    https://support.tipsandtricks-hq.com/forums/topic/re-install-or-load-a-fresh-build-of-the-plugins

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ