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, 6 months ago by wpCommerce.
-
AuthorPosts
-
May 15, 2016 at 7:39 am #13487yumeconsultsMember
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 #73251yumeconsultsMemberUPDATE:
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 #73252wpCommerceModeratorHi, 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:
May 17, 2016 at 4:00 am #73253yumeconsultsMemberWhat 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 #73254yumeconsultsMemberHello, please see my previous response to yours. Thanks.
May 18, 2016 at 2:49 am #73255wpCommerceModeratorYou 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 #73256yumeconsultsMemberwhat 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 #73257wpCommerceModeratorCan 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
-
AuthorPosts
- You must be logged in to reply to this topic.