jQuery modal video js plugin

Question

I am trying to use a JQuery plugin and everything works except the video does not load and I can't figure out why. I have a vimeo video that I want to display on my site with a model video player. This is the plugin

Here is my code:

<script src = "Scripts/modal-video.js"></script>
<button class="js-modal-btn" data-video-id="217038687">Open Vimeo</button>
<script>
$(document).ready(function() {
$(".js-modal-btn").modalVideo({channel:'vimeo'});
 });
</script>

This is what I see when I click example button Modal View.

I also get this error on page source file://player.vimeo.com/video/217038687?api=false&autopause=true&autoplay=true&byline=true&loop=false&portrait=true&title=true&xhtml=falseFailed to load resource: The requested URL was not found on this server.

mark_c mark_c · Accepted Answer · 2017-05-13T00:02:33

The fact that the error references file:// would lead me to think that you're missing the protocol on the href of your embed but you haven't provided this in your example.

jQuery modal video js plugin

1 Answers