![](https://secure.gravatar.com/avatar/035ef1e23c6a71df4bf021322b13af59?rating=PG&size=50&default=https%3A%2F%2Fcdn.desk.com%2Fassets%2Funknown_user_50-8ad5644bbe6b1bd7454f2ea465f782bd.png)
Clear previous video on page
var VideoPlayer = {
setup: function(element, sources, thumbnail, id, test)
{
jwplayer("myElement").remove();
jwplayer("myElement2").setup
({
height: <?php echo $this->height; ?>,
width:<?php echo $this->width; ?>,
flashplayer: "<?php echo ($this->assetsUrl.'/jwplayer.flash.swf');?>",
sources:
[
{ file: "<?php echo $vidRoot;?>mp4SD/"+test+"sd.mp4"},
{ file: "<?php echo $vidRoot;?>mp4HD/"+test+"hd.mp4"},
{ file: "<?php echo $vidRoot;?>webmSD/"+test+"sd.webm"},
{ file: "<?php echo $vidRoot;?>webmHD/"+test+"hd.webm"},
{ file: "<?php echo $vidRoot;?>flv/"+test+".flv"},
]
});
}
};
There are 2 video elements on the page.
The first one is the main video that is loaded at launch.
Call it main_vid1.
It's easy enough to load and remove main_vid1.
Now the second video element on the page comes from a set of thumbnails related to the main_vid.
Could call them thumbnail_vids.
When loading a 3rd or 4th thumbnail_vid the player just stops working.
I figure I need to remove the element and reload... but I don't know how to clear the previous video as the id for the thumbnail vid is sent via jquery from clicking on the thumbnail.