Initialize a Video.js player on a ajax loaded part of the page

Question

The video player actually loads fine. My actual problem is when I refresh some parts of my page with AJAX and those parts contains a video player, the HTML5 player loads fine, but not the Video.js part that customizes it. The video.js file is loaded in the header of the page. I have read the doc and can't find how to initialize a video player on a page that has already been loaded. Isn't there a `myPlayer.initialize()` kind of function I can call when my part of page containing the video is loaded to make the video player load correctly with Video.js? I think the video.js file does it automatically only on page load. Thanks for your precious help!

Accepted Answer

Yes, according to the docs you can do:

```
videojs("example_video_1", {}, function(){
  // Player (this) is initialized and ready.
});
```

It's specifically to be used with dynamic content :)

Source: http://docs.videojs.com/docs/guides/setup.html (at the bottom)

Initialize a Video.js player on a ajax loaded part of the page

Solution

Problem