Встраивание видео с миниатюрами на Youtube - PullRequest
1 голос
/ 24 марта 2019

Мне нужно вставить миниатюру из видео на YouTube, и когда я нажимаю на миниатюру, видео начинает воспроизводиться.Я получил следующий php-код (см. Php-код ниже), в который встроено видео, но мне также нужен код, в который встроен эскиз, и он начинает проигрываться, когда вы нажимаете на thumnail.Я думаю, что код для воспроизведения видео - это следующий код (см. Код js ниже).

Код PHP :

<?php
function mininaturas_youtube_func( $atts ) {
$a = shortcode_atts( array(
'id' => ''
), $atts);
return '<iframe width="560" height="315" 
src="https://www.youtube.com/embed/' . $a["id"] . '" frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in- 
picture" allowfullscreen></iframe>';
}
add_shortcode( 'miniatura_youtube', 'mininaturas_youtube_func' );
?>

Js Code (моя попытка):

$(document).ready(function(){
  $("#play").click(function(){
    $("#remove").hide();
    $("#add").show();
  });
});

Не могли бы вы помочь включить php-код (в раздел PHP Code ), чтобы встроить миниатюру видео с YouTube ипросмотреть код JS?Спасибо

1 Ответ

1 голос
/ 24 марта 2019

С помощью этого вы можете встроить миниатюру в видео.

Каждое видео на YouTube имеет 4 сгенерированных изображения.Они предсказуемо отформатированы следующим образом:

https://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg

https://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

Первым в списке является полноразмерное изображение, а остальные - миниатюрные изображения.По умолчанию миниатюрное изображение (т. Е. Одно из 1.jpg, 2.jpg, 3.jpg):

https://img.youtube.com/vi/<insert-youtube-video-id-here>/default.jpg

Для высококачественной версии эскиза используйте URL-адрес, подобный следующему:

https://img.youtube.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg

Существует также версия эскиза среднего качества, использующая URL-адрес, аналогичный HQ:

https://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg

Для стандартной версии эскиза используйте URL-адрес, аналогичный следующему:

https://img.youtube.com/vi/<insert-youtube-video-id-here>/sddefault.jpg

Для версии миниатюры с максимальным разрешением используйте URL-адрес, подобный следующему:

https://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

Все вышеперечисленные URL-адреса также доступны через http.Кроме того, более короткое имя хоста i3.ytimg.com работает вместо img.youtube.com в приведенных выше URL-адресах.

Нажмите для получения дополнительного ответа.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...