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 ответов

4 просмотра

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

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

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

А чем вам питонисты не угодили?😂
.
79
Есть какой-нибудь для Delphi/FPC T*Compression(Decompression)Stream на базе LZ4/Zstd/любой другой быстрый(и хорошо сжимающий) алгоритм А ещё лучше в pure pascal А ещё лучше од...
notme
48
Есть предложения, как подобное можно упростить?
Hemul GM
12
У меня вопросик назрел. Почему, создав класс без наследования и реализации деструктора Destroy, деструктор не вызывался при free. Потом указал наследование от tobject и overri...
Сергей Бычков
8
type TObj = object procedure Init; virtual; end; TObj1 = object(TObj) procedure Init; override; end; procedure TObj1.Init; begin inherited; end; procedur...
Alexander 👋
29
just use free version ?? pycharm has a free version
Fan / Ac
9
Такой вопросец - есть функция function MySuperDuperConcat(const a: array of AnsiString): AnsiString; Как мне в её теле сделать вот так? Result:=Concat(a); А не грустный вариан...
notme
15
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
86
В си можно напрямую работает с памятью и процом?
Николай
7
Всем привет. Поделитесь, пожалуйста, опытом. Есть форма, на которой имеется dbgrid и кнопки: добавить, редактировать, удалить. Если нет записей в dbgrid, то кнопки редактирова...
Евгений
5
Карта сайта