Задать вопрос
@zeaovede

Как изменить формат url для видео на vimeo?

Формат ссылки ютуб:
https://www.youtube.com/embed/nnnnnnnn

Формат ссылки вимео:
https://player.vimeo.com/video/nnnnnnnn

А вот js отвечающий за вывод этого видео в модальном окне:
...
	const openVideoTubeModal = e => {
			const target = e.target.closest('.tube');
			if (!target) return;

			const href = target.href;
			const search = href.includes('vimeo');
			let idVideo = search ? href.match(/(\?|&)v=([^&]+)/)[2] : href.match(/(\.be\/)([^&]+)/)[2];

			if (idVideo.length === 0) return;

			e.preventDefault();

			animation(overlay, {
					start: [['display', 'block']],
					anim: [['opacity', 0, 1]],
					count: 20,
				}
			);
...

			overlay.insertAdjacentHTML('beforeend', `
			<div id="videotube-modal-loading">Загрузка...</div>
			<div id="videotube-modal-close">&#10006;</div>
			<div id="videotube-modal-container">
				<iframe src="https://youtube.com/embed/${idVideo}?autoplay=1" 
					frameborder="0"
					id="videotube-modal" 
					allowfullscreen
					allow="autoplay">
				</iframe>
			</div>
		`)

html:
<a href="https://youtu.be/C6cxWsTayAI" class="card__link tube">
            <img src="https://i.ytimg.com/vi/C6cxWsTayAI/maxresdefault.jpg" alt="flex-basis, flex-grow, flex-shrink">
          </a>

Меня интересуют вот эти две строчки:
let idVideo = search ? href.match(/(\?|&)v=([^&]+)/)[2] : href.match(/(\.be\/)([^&]+)/)[2];

...
<iframe src="https://youtube.com/embed/${idVideo}?autoplay=1"


Сейчас они настроены на воспроизведение видео с ютуб, а мне нужно воспроизведение видео с vimeo.

Помогите переписать их под воспроизведение видео на vimeo
  • Вопрос задан
  • 45 просмотров
Подписаться 1 Простой 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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