youtube video in modal window (wordpress) stopped working

[alexod]

hi,

I have a Youtube video embedded into the modal window (without plugin) and it worked long time. Recently I noticed that video file don't loading

Error message: This video is unavailable.

I checked video files in live, nothing has been changed with the video, but it stopped loading on my side.

Can you advice what I'm doing wrong or has been changed in youtube regulations?

Here is the Demo version [ddavi.com]

Code that I'm using

 <div class="js-modal-btn" style="position: relative; cursor: pointer;" data-video-id="P3lXZvqoY1M"><img style="width: 350px; height: auto;" src="path /wp-content/uploads/2019/09/1n.jpg" />
<i class="fa fa-youtube-play" style="position: absolute; top: 50%; left: 23%; transform: translate(-50%,-50%); color: #fff; font-size: 48px;" aria-hidden="true"></i></div> 

P.s. Everything is fine when I load with <iframe> in body, but client likes Modal Window version.

Any advice will be appreciated.

[NickMNS]

I took a quick look. The script used to create the modal appears to use it's own method to show the video and seems to have one for each supported video platform. It seems that possibly Youtube made a change and the maintainers of the script didn't update the script accordingly. You would need to file a bug report for the script, the maintainers contact information is included in the script.

[not2easy]

I know that some changes recently took effect in YouTube, I had to agree to the YT api terms to use a video we had uploaded over 10 years ago when I updated the page it was on - this was late July of this year.

[robzilla]

Update your jquery-modal-video.min.js script to the latest version: [github.com...]

That will fix it. The problem is that the script adds a bunch of parameters to the YouTube embed URL that are no longer supported. Seems to have been resolved a few months back: [github.com...]

[alexod]

@robzilla
@not2easy
@NickMNS

Thank you guys. You are the rock stars !