Я пытаюсь реализовать функцию отображения списка воспроизведения Videojs с использованием блоков Gutenberg для Wordpress, и я получаю следующую ошибку: ошибка консоли
Вот код моей функции,
function getPlaylistData(){
//import videojs = require('video.js');
var player = videojs(document.querySelector('my-playlist'),{
inactivityTimeout: 0,
fluid: true
});
player.playlist([
{
source:[{
src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
type: 'video/mp4'
}],
poster: 'http://media.w3.org/2010/05/sintel/poster.png'
},
{
source:[{
src: 'http://media.w3.org/2010/05/sintel/trailer.mp4',
type: 'video/mp4'
}],
poster: 'http://media.w3.org/2010/05/sintel/poster.png'
},
]);
player.playlist.autoadvance(0);
}
А вот как я создаю свой блок Гутенберга:
registerBlockType('vizzi/playlist-embed', {
title: 'Vizzi Embed Playlist',
icon: 'playlist-video',
category: 'common',
attributes: {
content: {
type: 'string',
source: 'attribute',
attribute: 'alt',
},
mediaURL: {
type: 'string',
source: 'attribute',
selector: 'img',
attribute: 'src',
}
},
edit: function(){
return([
el('video',{
"id": "my-playlist",
"class": "video-js vjs-default-skin",
"controls": "controls",
"preload": "auto",
"data-setup":'"{fluid: true}"'
})
]),
getPlaylistData();
},
save: function(){
},
});
Уже установлены videojs и videojs-playlist через npm, поэтому я не могу понять, в чем проблема