Uncaught ReferenceError: pluginOptions is not defined

Hello there,

When I add the following codes to the app.js file, I get the error in the header on the google browser screen.

Where exactly do I post comments and how can I resolve the error. I only have index.html and app.js files. I have completed my other npm install installations. I read the documentation but did not fully understand it. I give an example. I want to comment on the 5th second.

app.js

var player = videojs('my-video'); var plugin = player.annotationComments(pluginOptions)

index.html `

<link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />

  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
  <script type="module" src="/app.js"></script>
  <script type="module" src="/demo.js"></script>

  </head>

  <body>
   <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="jordan.jpg"
    data-setup="{}">
    <source src="jordan.mp4" type="video/mp4" />
    <source src="MY_VIDEO.webm" type="video/webm" />
    <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a
        web browser that
        <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
   </video>
  <script src="/node_modules/video.js/dist/video.min.js"></script>
  <script src="/dist/Youtube.min.js"></script>
  <script src="https://vjs.zencdn.net/7.8.4/video.js"></script>

  <script src="/videojs-annotation-comments.min.js"></script>

contently / videojs-annotation-comments

Uncaught ReferenceError: pluginOptions is not defined #74