Hello!
Please, share with me code, how can I show a modal or popup window with a youtube video after clicking (showing in the attached screenshot)
Thank you!
8 replies · opened Jun 24, 2023
Hello!
Please, share with me code, how can I show a modal or popup window with a youtube video after clicking (showing in the attached screenshot)
Thank you!
Hello,
Simply use the Video Lightbox iFrame for your Youtube Videos: https://docs.semicolonweb.com/docs/shortcodes/lightbox/#docs-section-video . Example Code:
[ch_pre]Lightbox Video[/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hello!
Thank you for the answer.
It doesn't fully work like that. In the mobile version, the video does not open in a pop-up window, but goes to the YouTube app.
Also, after I place this link in the block I described above, the photos with the play icon stop showing at all, although the text block on the right is displayed
Waiting for your reply
Hello,
Apologies for the Inconveniences and misunderstanding.
The Play Icons inside this section are currently not playable or cannot be attached to a Youtube Modal at the moment due to the Code Structure. Currently, the Section works as-is with Images/HTML5 Videos and Slider due to the Sticky/Scrolling nature of the Section. We will release updates in the Near Future to make the Play Button more customizable and add iFrame Lightboxes to them. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Why if I delete list-item-3 and list-item-4 (i.e. the last two items) when scrolling down, everything is fine, but when scrolling up, photos from list-item-2 are not shown, but video from list-item-1 is immediately loaded
if I delete only 1 of the four, then accordingly the last photo will not be displayed when scrolling from bottom to top. The description on the right side shows
This is my link with this section
https://chaitanya.na4u.ru/#list-item-4:~:text=We%20connect%20the%20World.
Hello,
As mentioned, currently adding the Youtube Lightbox is not supported for this section due to the Structure of the Section and the Links. The href="#list-item-1" currently cannot be changed since they are needed for the Scroll Spy.
You can change the data-bs-rootMargin Values according to your needs: https://getbootstrap.com/docs/5.3/components/scrollspy/#options to make the Active Item display change based on an offset. Something like data-bs-rootMargin="0px 0px -50%".
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thanks for your reply.
It seems that either I did not understand it, or you did not understand my problem. Everything is clear about the pop-up window, I have so far abandoned the idea of putting a link there. Now the question is completely different: scroll down, everything is fine, scroll up - does not show the photo of the last block.
I am attaching a video of the problem.
what is the parameter you mentioned above responsible for?
Thank you.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard