Для реализации бесконечной прокрутки на сайте с помощью вставки плейлиста ВКонтакте нужно использовать AJAX-загрузку дополнительного контента при достижении конца страницы.
Шаги для реализации:
1. Добавьте элемент-контейнер, в котором будет отображаться плейлист ВКонтакте. Например:
```html
<div id="vkPlaylist"></div>
```
2. Вставьте скрипт в вашу страницу, который будет подгружать плейлист ВКонтакте при достижении конца страницы и добавлять его в контейнер. Например:
```javascript
window.addEventListener('scroll', function() {
if (window.innerHeight + window.pageYOffset >= document.body.offsetHeight) {
// Подгрузка плейлиста при достижении конца страницы
VK.Widgets.Playlist('vkPlaylist', -12345678, 0, 'ffffff', 'audio', { "width": "100%" });
}
});
```
Замените `-12345678` на ID вашего плейлиста ВКонтакте. Укажите опции виджета, включая ширину или любые другие необходимые параметры.
Теперь при прокрутке до конца страницы будет загружаться следующая порция плейлиста ВКонтакте.
Относительно ошибки `ReferenceError: VK is not defined`, она возникает, если скрипт ВКонтакте не был правильно загружен или не был инициализирован на вашей странице. Убедитесь, что вы подключили скрипт ВКонтакте перед использованием его функций. Например:
```html
<script src="https://vk.com/js/api/openapi.js?168" type="text/javascript"></script>
```