Блог

Главная - Вопросы по программированию - Показывать миниатюру Youtube с помощью javascript

Показывать миниатюру Youtube с помощью javascript

#javascript

#javascript

Вопрос:

 Вы не можете использовать Markdown здесь.

`rhrdshh`

Ответ №1:

Вы должны определить мета-теги og в своем html-заголовке для общего доступа к facebook. Ищите официальные документы: https://developers.facebook.com/docs/sharing/webmasters#markup-example

Мета-теги не могут быть изменены из JS, вы должны установить эти элементы на стороне сервера (или жестко закодированы в HTML-файле) и не будут работать с перенаправлениями. Работает только в том случае, если вы вставляете видео на свой сайт, мой пример php:

 <?php
 $video_id = "1bibCui3lFM";

 $video_url = "https://www.youtube.com/watch?v=" . $video_id;

 $content=file_get_contents("https://noembed.com/embed?url=".$video_url);
 $video_data=json_decode($content);
?>
<!DOCTYPE html>
<html>
<head>
    <title>Youtube Embed Video sample</title>

    <meta property="og:url"                content="<?php echo($_SERVER['QUERY_STRING']); ?>" />
    <meta property="og:type"               content="website" />
    <meta property="og:title"              content="<?php echo($video_data->title) ?>" />
    <meta property="og:description"        content="THIS API IS NOT SUPPORT TO GET VIDEO DESCRIPTION" />
    <meta property="og:image"              content="<?php echo($video_data->thumbnail_url) ?>" />
</head>
<body>
    <pre><?php var_dump($video_data); ?></pre>

    <iframe width="420" height="315"
        src="https://www.youtube.com/embed/<?php echo($video_id) ?>">
    </iframe>
</body>
</html>

Комментарии:

1. Спасибо за ответ, можете ли вы прислать мне пример для моего проекта?