170 похожих чатов

Const $ = require("jquery"); const scripts = require([ "jquery.fancybox" ]); $(document).ready(function () {

// Cache selectors
var lastId,
topMenu = $(".header_navigation_list"),
topMenuHeight = topMenu.outerHeight() + 15,
// All list items
menuItems = topMenu.find("a"),
// Anchors corresponding to menu items
scrollItems = menuItems.map(function () {
var item = $($(this).attr("href"));
if (item.length) {
return item;
}
});

// Bind click handler to menu items
// so we can get a fancy scroll animation
menuItems.click(function (e) {
e.preventDefault();

var href = $(this).attr("href"),
offsetTop = href === "#" ? 0 : $(href).offset().top - topMenuHeight + 1;
$("html, body").stop().animate({
scrollTop: offsetTop
}, 300);
e.preventDefault();
});

// Bind to scroll
$(window).scroll(function () {
// Get container scroll position
var fromTop = $(this).scrollTop() + topMenuHeight;

// Get id of current scroll item
var cur = scrollItems.map(function () {
if ($(this).offset().top < fromTop)
return this;
});
// Get the id of the current element
cur = cur[cur.length - 1];
var id = cur && cur.length ? cur[0].id : "";

if (lastId !== id) {
lastId = id;
// Set/remove active class
menuItems
.parent().removeClass("active")
.end().filter("[href='#" + id + "']").parent().addClass("active");
}
});

function findVideos() {
let videos = document.querySelectorAll(".video");
for (let i = 0; i < videos.length; i++) {
setupVideo(videos[i]);
}

}

function setupVideo(video) {
let link = video.querySelector(".video__link");
let media = video.querySelector(".video__media");
let button = video.querySelector(".video__button");
let id = parseMediaURL(media);

video.addEventListener("click", (e) => {
e.preventDefault();
let iframe = createIframe(id);

link.remove();
button.remove();
video.appendChild(iframe);
});

link.removeAttribute("href");
video.classList.add("video--enabled");
}

function parseMediaURL(media) {
let regexp = /https:\/\/i\.ytimg\.com\/vi\/([a-zA-Z0-9_-]+)\/maxresdefault\.jpg/i;
let url = media.src;
let match = url.match(regexp);

return match[1];
}

function createIframe(id) {
let iframe = document.createElement("iframe");

iframe.setAttribute("allowfullscreen", "");
iframe.setAttribute("allow", "autoplay");
iframe.setAttribute("src", generateURL(id));
iframe.classList.add("video__media");

return iframe;

}

function generateURL(id) {
let query = "?rel=0&showinfo=0&autoplay=1";

return "https://www.youtube.com/embed/" + id + query;
}

findVideos();


});

1 ответов

10 просмотров

Мне кажется, что здесь сидят умные люди, но не настолько чтобы рендерить и дебажить такой код в голове

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

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта