Вопрос по video-capture, video, youtube, screenshot – Как захватить изображение с Youtube видео и отобразить на сайте

0

Я заинтересован в создании веб-сайта, который отображает несколько «снимков экрана» на экране. Эти «снимки экрана» могут быть любого типа файла изображения (например: jpeg, png и т. Д.). Я хотел бы иметь возможность отображать снимок экрана первого кадра видео Youtube. Когда пользователь нажимает на это, пользователь будет перенаправлен на URL Youtube.

Как я могу получить снимок экрана или изображение первого кадра видео на Youtube, учитывая его URL? Например:http://www.youtube.com/watch?v=gbcmYbMB9mo Используя это, я хотел бы получить изображение камеры GoPro. Есть ли API для захвата первого изображения видео на Youtube?

Спасибо

Ваш Ответ

1   ответ
4

API YouTube IFrame (увидетьhttps://developers.google.com/youtube/iframe_api_reference).

Вот пример для воспроизведения видео, представленного в вашем вопросе (gbcmYbMB9mo):

<body onload="LoadYouTubeIframeAPI()">
    <script type="text/javascript">
        var player = null;
        var playerParams =
        {
            playerVars:
            {
                "enablejsapi":1,
                "origin":document.domain,
                "rel":0
            },
            events:
            {
                "onReady":onPlayerReady,
                "onError":onPlayerError,
                "onStateChange":onPlayerStateChange
            }
        };
        function LoadYouTubeIframeAPI()
        {
            var scriptElement = document.createElement("script");
            scriptElement.src = "http://www.youtube.com/iframe_api";
            var firstScriptElement = document.getElementsByTagName("script")[0];
            firstScriptElement.parentNode.insertBefore(scriptElement,firstScriptElement);
        }
        function onYouTubeIframeAPIReady()
        {
            player = new YT.Player("player",playerParams);
        }
        function onPlayerReady(event)
        {
            player.loadVideoById("gbcmYbMB9mo");
        }
        function onPlayerError(event)
        {
            ...
        }
        function onPlayerStateChange(event)
        {
            if (event.data == YT.PlayerState.ENDED)
            {
                ...
            }
        }
    </script>
</body>

Вам может понадобиться немного поиграть с этим кодом, чтобы предотвратить автоматический запуск видео ...

Спасибо за эту информацию, Барак. У меня два вопроса. 1) Есть ли способ просто захватить изображение видео и отобразить его на веб-сайте без встраивания видео / плеера в веб-сайт? 2) Если я решу разместить видео на сайте, как я могу использовать более одного видео? codeshark
Пожалуйста. Посмотри пожалуйстаdevelopers.google.com/youtube/iframe_api_reference. barak manos
Я просмотрел API, но действительно ли в нем есть что-то встроенное для захвата изображений? Я ничего не могу найти. Chewie The Chorkie

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