dosya97
@dosya97
Fullstack web-developer

Почему uppod player не работает внутри компонента vue?

Привет Всем. Уже замучился настраивать видео внутри компонента. Uppod player HTML5 прекрасно работает на главном DOM. И uppod js-api видимо не видит элемент(id) внутри компонента. Вот код:
Vue.component('modal', {
          ...
            components: {
                ...
                player: {
                    template: '<div class="player" style="float: left;"><div class="video" id="videoplayerinside"></div></div>',
                    props:["dirFilesComputed"],
                    created: function(){
                        this.player = new Uppod({m:"video",uid:"videoplayerinside",
                            "pl":{
                                "playlist":[
                                    {"comment":"name","file":"http://portal.tggroup.kz/media/files/Number_1.mp4"},
                                ]
                            },st:"uppodvideo"
                        });
                    },
                    //ready:function(){
                    //    $("#myVideo").on('contextmenu', function(e) {
                    //        e.preventDefault();
                    //    });
                    //},
                    delimiters: ['[[', ']]']
                },
                ...
            },
            ...
          delimiters: ['[[', ']]']
        })

Если такой блок
<div class="video" id="videoplayerinside"></div>
вставить где нибудь в видимой зоне(не шаблоны) то функция created работает на ура. Пробовал с помощью jquery clone() скопировать этот элемент в мой компонент, но все тщетно. Похоже компонент ОЧЕНЬ закрытая штука. Пожалуйста помогите решить проблему. Если даже не получится реализовать(Думаю, что данная архитектура видео не совсем подходящая для real-time-application-а) Есть ли какие-нибудь альтернативы опенсорсные и чтобы видео хоть чуточку было защищено(от очевидного скачивания) Спасибо!
  • Вопрос задан
  • 369 просмотров
Решения вопроса 1
k12th
@k12th
console.log(`You're pulling my leg, right?`);
created вызывается на момент, когда компонент еще не в DOM — ну и уппод очевидно не находит элемента с таким id. Попробуйте mounted.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы