Сделайте youtube встроить (плейлист) нагрузки быстрееHtml

Программисты Html
Ответить
Anonymous
 Сделайте youtube встроить (плейлист) нагрузки быстрее

Сообщение Anonymous »

Я хочу использовать код, чтобы сделать мой сайт загружать встроенные YouTube встраивать. Код отображает миниатюру видео на YouTube, и только когда вы нажимаете на миниатюру, загрузит видеоплеер. Это удобно, потому что встроения YouTube большие и замедляют вашу страницу. И таким образом вы загружаете видеоплеер только тогда, когда собираетесь посмотреть видео. Но проблема у меня в том, что я не могу найти способ автоматически отображать последнюю миниатюру плейлиста. Таким образом, миниатюра видео, которое было в последний раз добавлено в плейлист. Мне удалось отобразить список воспроизведения, когда вы нажимаете на миниатюру (по умолчанию), так что это больше не проблема. https://codepen.io/deanamsterdam/pen/pozwxjw
-Я изменил линию html 1, с идентификатора видео на YouTube на идентификатор плейлиста. К "https://www.youtube.com/embed/videoseri ... ntListener("DOMContentLoaded",
function() {
var div, n,
v = document.getElementsByClassName("youtube-player");
for (n = 0; n < v.length; n++) {
div = document.createElement("div");
div.setAttribute("data-id", v[n].dataset.id);
div.innerHTML = labnolThumb(v[n].dataset.id);
div.onclick = labnolIframe;
v[n].appendChild(div);
}
});

function labnolThumb(id) {
var thumb = '
Изображение
',
play = '';
return thumb.replace("ID", id) + play;
}

function labnolIframe() {
var iframe = document.createElement("iframe");
var embed = "https://www.youtube.com/embed/videoseries?list=ID";
iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
iframe.setAttribute("frameborder", "0");
iframe.setAttribute("allowfullscreen", "1");
this.parentNode.replaceChild(iframe, this);
}
[/code]

Я также нашел второй фрагмент кода, который делает то же самое, я внес изменения в строку HTML 1 и JS 21. Изменения такие же, как и в другом коде: https://codepen.io/deanamsterdam/pen/goyolly br/>
im Am Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Am ​​Ame Ame Ame Ame Amber Amberpress Me. в объяснении. < /p>

Спасибо. < /p>

Подробнее здесь: https://stackoverflow.com/questions/578 ... oad-faster
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»