I am using the videojs plugin to add a video player to my site (http://videojs.com/). I have multiple videos on the same page listed above the player. I have not put the links in <li> tags they are simple <a> tags.
When i click on the link i want it to update the player with the new video. From what i can work out i need to do this on the onclick event. However, i need it to be able to update multiple sources because each browser reads a different file (because onbviously they do not all support the same format)
I have made this work successfully for updating one source, but can't make it work for more than that.... can anyone help?
This is the code i have been using for the video player:
Place the video inside a container div. Instead of a link, style a span to appear as a link or just use buttons to call a function. When a new video src is called, the function first empties the container div via removeChild() Then innerHTML= the entire new video tag with the new src.