Getting error 'loadVideo function is not defined' when integrate 'Webviewer video' with my jQuery application

I am trying to integrate your ‘WebViewer Video’ in my Jquery application. I have made some changes in the below as per your documentation (Documentation Index) . Please review it and let me know if I am missing something.

1- I have installed Node.js and NPM
2- Run command ‘npm install’ on cmd at root level of my application
C:\My application>npm install

3- Run command ‘npm install @pdftron/webviewer-video’ like :-

  C:\My application>npm install @pdftron/webviewer-video

4- Since my application is Jquery based and it is not supporting module so I have added scripted tab like :-

   <script src="/js/main.js"></script>
  <script type="text/javascript" src="/js/webviewer.min.js"></script>

5- I have written the code to load video in the web viewer like this :-

        path: "/PdfTronWebViewer/",
        enableMeasurement: true,
        licenseKey: tempStorage,
        backendType: 'ems'
    }, viewer
).then(async instance => {      
    const license = `---- Insert commercial license key here after purchase ----`;

    const { initializeVideoViewer } = window.WebViewerVideo;
    const videoInstance = initializeVideoViewer(

    const videoUrl = '';



        () => {
        { once: true },


After the above changes When I executed my code then I got the error like ‘loadVideo function is not defined’ at the browser console However your demo application is running perfectly at my env.

So please let me know what am I missing in my application when I am integrating ‘Webviewer video’ code in my application.?


initializeVideoViewer returns a promise. You just need to await it and then you can access loadVideo in the videoInstance. It should look like this:

const videoInstance = await initializeVideoViewer(

Let me know if you have any other issues.

Best regards,