Чтобы открыть видео из ВКонтакте (VK) в fancybox, вы можете использовать iframe для встраивания видео. Ниже представлен пример того, как это можно сделать.
1. Убедитесь, что у вас установлена библиотека fancybox (например, v3). Вы можете подключить её через CDN в вашем HTML-файле:
```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
```
2. Создайте ссылку, по которой будет открываться видео. Используйте атрибут `data-fancybox` для группировки и `data-type` для указания типа контента.
Вот пример кода:
```html
<a data-fancybox="gallery" href="https://vk.com/video_ext.php?oid=YOUR_OID&item=YOUR_ITEM_ID" class="open-video">
Открыть видео
</a>
```
3. Добавьте обработчик для открытия видео в fancybox:
```html
<script>
$(document).ready(function() {
$(".open-video").fancybox({
// Настройки fancybox
iframe : {
css : {
width : '80%', // Ширина iframe
height : '80%' // Высота iframe
}
},
beforeLoad: function() {
this.src = this.href;
}
});
});
</script>
```
Убедитесь, что вы заменили `YOUR_OID` и `YOUR_ITEM_ID` на соответствующие значения из ссылки на ваше видео ВКонтакте. Их можно найти в ссылке на видео, которая выглядит примерно так: `https://vk.com/video184213123_456239012`, где `184213123` — это `oid`, а `456239012` — `item id`.
При клике на ссылку будет открываться fancybox с видео из ВКонтакте.