Формат ссылки ютуб:
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">✖</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