Скрипт кадра из видео в изображение

вопрос

Нашел на просторах интернета такой скрипт:

<html>
    <head>
        <title>JS and HTML5 Rule</title>
        <script type='text/javascript'>
 
            window.onload = function (){
 
                var video = document.getElementById('my_video');
                var thecanvas = document.getElementById('thecanvas');
        var img = document.getElementById('thumbnail_img');
 
 
        video.addEventListener('pause', function(){
 
                        draw( video, thecanvas, img);
 
        }, false);
 
            };
 
 
            function draw( video, thecanvas, img ){
 
        // get the canvas context for drawing
        var context = thecanvas.getContext('2d');
 
        // draw the video contents into the canvas x, y, width, height
                context.drawImage( video, 0, 0, thecanvas.width, thecanvas.height);
 
        // get the image data from the canvas object
                var dataURL = thecanvas.toDataURL();
 
        // set the source of the img tag
        img.setAttribute('src', dataURL);
 
            }
        </script>
    </head>
    <body>
    The Video
    <br />
        <video id="my_video" controls>
            <source src="http://jamesbaca.net/slides/source_code/html5_andJSThumbs/VeryMaryKate.mp4" type="video/mp4" />
        </video>
    <br />
    The Canvas
    <br />
        <canvas id="thecanvas">
        </canvas>
    <br />
    The Image
    <br />
        <img id="thumbnail_img" alt="Right click to save" />
    <br />
    </body>
</html>

Пример работы тут. Мне интересно как сделать так:

Допустим я беру прямую/непрямую ссылку на видео, вставляю её в дополнительное поле, и мне в нужном месте с данной ссылки на видео появляется изображение (кадр из видео). Такое я видел на модуле VK Video, или когда нужно скачать видео с контакта SaveFrom - где при вводе ссылки получается изображение. Есть ли такой скрипт или можно переделать данный?

Ответа пока нет

Fancybox.bind("[data-highslide]", { groupAttr: 'data-highslide', idle:2000, Thumbs: false, caption: (fancybox, slide) => { if( slide.thumbEl && slide.thumbEl.alt ) { return slide.thumbEl.alt } } });

Скрипт кадра из видео в изображение

Ответа пока нет

Похожие вопросы

Не отображаються страницы

navigation.tpl отказывается дружить!

Скрытие полей при добавлении новости в зависимости от категории

Как разрешить GIF аватары в DLE?

Вывод смайлов не используя {editor}

Удаление новости автором

Top-News вставить код

Не загружается аватар ДЛЕ 9.7.

Как реализовать оповещения сообщений в яндекс браузере, как у вк?

Как сделать подпункты в select?