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>
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 `
`