Why am I getting jQuery error “url.indexOf is not a function” while using Vide?

Question

This question is a follow-up to the one I posted earlier here about using the Web front-end plugin Vide to play background videos.

Now, I'm getting the following error:

What is the cause of this? How can I fix it? I seems to be trying to to an indexOf() on the variable url and its failing. But why? In my code I have not defined any such variable url . So is there a bug in the Vide plugin? How can I trouble-shoot this??

This is how I'm using this plugin in my HTML:

<div style="width: 1000px; height: 500px;"
  data-vide-bg="dist/media/light" data-vide-options="loop: false, muted: false, position: 0% 0%">
</div>

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/vide/dist/jquery.vide.js"></script>

Answer 1

Looks like a known issue on the GitHub repo.

https://github.com/VodkaBears/Vide/issues/183