I have a Video.js flash player (the requirement is that it be flash, so I am using it in flash mode as the tech). It sits as a main 'jumbotron' type video on the top of the page. When the user scrolls down, it needs to detach and appendTo the dom tree in the sidebar. The problem is, when it does, the video crashes (at least I think it is a crash), resets to 0.00 time, and is just black. It cannot be restarted without reloading the page.
Has anyone had any success in moving a flash video across the DOM without a crash with video.js? If not video.js, do you recommend a player that could do this? I have succeeded in having it work with HTML5 video in video.js, but flash is the requirement.
Thank you
detach/appendTo creates a new element and destroys the old one – so you can’t expect the video play position to stay where it was.
I’d try to place it inside the side bar to begin with, and use absolute positioning to get it to show as a “jumbotron” from there. (Or, as you said, the other way around, if that works better in your actual scenario.)