Shadowbox JS does not play YouTube video

Check your video link.

https://www.youtube.com/watch?v=xxxxxx will not work with it (see https://stackoverflow.com/questions/9934944/embedding-youtube-video-refused-to-display-document-because-display-forbidden-b)

Use https://www.youtube.com/embed/xxxxxx

That is cool but it causes the video to open full-screen in a new window and does not open in ShadowBox in a pop-up window on the same page.

Do you have any other ideas? Are you familiar with Shadowbox?

Thanks for your help.

Geoff

YouTube links must be formatted like so https://www.youtube.com/v/youtubeidgoeshere

I’ve tried the following YouTube link formats, but keep getting the same result too:

https://youtu.be/video_id
https://youtube.com/v/video_id
https://youtube.com/embed/video_id

Neither one works; the shadow box is seen loading for a split second, before it redirects me to a new page and opens the video in full-screen.

The videos are loaded from images that link directly to the videos, by the way, as in a video gallery of thumbnails; although, I don’t think this would pose any problem?

@vind

please start your own topic.

this makes it easier to track the problems.

I’m having the same issue. YouTube links in any of the variations are not opening in a Shadowbox. Images work great though.

Confirmed, YouTube links in any variations only dim the page, but do not load videos, pictures and galleries work fine.

Calling the shadowbox manually + using the embed YouTube link as follows works for now:

<a href="https://www.youtube.com/embed/ID_GOES_HERE?autoplay=1" rel="shadowbox;width=640;height=385">Watch the video</a>

But then again, you have to manually add width and height.

This worked for me:

<a title="" href="https://www.youtube.com/watch?v=VIDEOIDHERE&width=640&height=480">Click to watch</a>

Thanks Han – that trick worked for me also. But now I am having an issue with the youtube videos playing the showing the related videos at the end. I have already inputed the ‘?rel=0’ coding, but no dice.

Example of work is https://puasummit.com/about#speakers

Thanks in advance.

Droopie–make sure your URL query strings starts with a ? and separated by &. Here is an example of one of your video’s code:

This:
https://www.youtube.com/embed/RyfmqoHdT7M?rel=0?autoplay=1

Should be:
https://www.youtube.com/embed/RyfmqoHdT7M?rel=0&autoplay=1

YUP! that was it, I forgot the separator. Thanks.