I'm building a showreel page in Wordpress with a custom plugin. The plugin outputs a linked image for all items in the showreel and puts a "hidden data" div inside the anchor with all the video sources needed. Then there's the video container, which contains an empty video tag and a couple of images (video controls).
When an image is clicked, I get the hidden data and replace/add the source tags to the video before it is opened with fancybox.
This works fine, however, after closing the popup and clicking on another video it breaks after a random amount of clicks. In firefox it's right from the first click, in Chrome it's more.
The script still changes the source tags, but the video is still the same. It's probably cached in the browser.
Does anyone know how do I make it reload the video every time it opens in fancybox ?
(I tried loading it through AJAX, but I couldn't get it to hook to a Wordpress function)
The page can be viewed here http://londoncreativ...ls/tv-showreel/.