html5 - Video JS not applying to new video elements -


i'm building site has tabbed popup, 1 tab showing videos, shows info relating item select.

however, when close pop , open another, video shows standard html 5 player- no video js skin or flash player.

i load whenever popup loaded (just in case- never used to):

_v_("playa", {controls: true, autoplay: false, preload: "auto", techorder: ["flash","html5"]}, function(){ }); 

i have when select new video in pop up:

_v_("playa").ready(function(){            var myplayer = this;             myplayer.src(url);             myplayer.currenttime(0);             myplayer.play();         }); 

and when change tab in pop up:

        _v_("playa").ready(function(){           var myplayer = this;           myplayer.pause();         }); 

this times reference player, yet i'm plagued errors.

i flash player if change tab or close without pausing:

> ["video.js: currenttime unavailable on flash playback technology > element.", typeerror]  video.js:20 uncaught typeerror: object > #<htmlobjectelement> has no method 'vjs_getproperty' 

if use html 5 player of video js , try change video get:

[domexception, "video not ready. (video.js)"] 

please help, i've spent ages looking around , nothing seems work! love forever.

reset players variable:

video js 3.x

_v_.players = {}; 

video js 4:

videojs.players = {}; 

Comments