Node.JS Youtube-video-js module blocking

[Ordep-20]

Hi guys I'm stucked in this nodeJS problem, I trying to make an embed youtube server using NodeJS, the base Idea its use and youtube/cdns video with external audio sync, I 've done this in PHP but have some issues for sync.

I used this example https://github.com/markcellus/youtube-video-js/blob/master/examples/youtube-video.html, but is giving this error module from “http://localhost:3000/youtube-video-js/dist/youtube-video.js” was blocked because of a disallowed MIME type.

npm i youtube-video-js



<!-- index.html -->
<script
    type="module"
    src="/node_modules/youtube-video-js/dist/youtube-video.js"
></script>
<youtube-video
    width="640"
    height="360"
    src="https://www.youtube.com/watch?v=Wn9twYUXw6w"
    autoplay
    controls
/>

<script>
    const videoElement = document.querySelector('youtube-video');
    // must wait for DOM to be ready and for component to be accessible
    document.addEventListener('DOMContentLoaded', function () {
        // wait for loading
        videoElement.load().then(() => {
            // pause video after two seconds
            const timer = setTimeout(function () {
                videoElement.pause();
                clearTimeout(timer);
            }, 2000);
        });
    });
</script>

I'm on windows 8, last version of node, i not have bigger experience in NodejS

Thanks

 

[Deleted member 2829]

Interesting issue, which I'd like to understand. When I run your code in Chrome (after adding the missing HTML - please always post COMPLETE code) it gives me this error

Access to script at 'file:///D:/node_modules/youtube-video-js/dist/youtube-video.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.

As I understand it you can't run Node.js code in the browser. I'm not sure what exactly you are doing, why you get a different message and why it refers to http://localhost:3000/youtube-video-js/dist/youtube-video.js. It might help if you provide more details about your setup. Presumable you are using a node.js server ?

I looked up that JS file on Github and pasted the contents into my <script> block, thinking that might work. Unfortunately it reported a syntax error somewhere in the middle of the very long single line 😲

 

[Ordep-20]

Thanks I solved using a VideoJs on html and JS, the node server I use as middleware to get the contents and others data.