Vue+video.js implementiert Video-Wiedergabelisten

npm install --save-dev video.js

Video aus „video.js“ importieren
importiere 'video.js/dist/video-js.css'
Vue.prototype.$videos = Video

initVideo(){          
        : Let elementList = document.querySelectorAll(".video-js");
        this.element=elementList.length; //videojs Mengenzuweisung für (let index = 0; index < elementList.length; index++) { 
           let id = elementList[index].getAttribute('id');   
            dies.$videos(id, {
              autoplay: false, //autoplay// muted: false, //stumm schalten oder nicht,
              Kontrollen: true, // Steuerleiste // TechOrder: ['html5', 'Flash'], // Flash-Wiedergabesprache einstellen: "en", // Vorladen der Initialisierungssprache: "auto", // Vorladebreite: "400",
               Höhe: '200',
               // Wiedergabegeschwindigkeit playbackRates: [0.5, 1, 1.5, 2],
              }, Funktion () {
                dieses.Volumen(0);
                //Das ist sehr wichtig. Wenn die Stummschaltung nicht funktioniert, musst du den Ton im aktuellen Video-Callback auf 0 setzen.
                //this.play(); //Das ist auch der Fall. Diese Methode this.play()==autoplay hat den gleichen Effekt this.one("playing", function () { // Auf Wiedergabe warten console.log("Video erfolgreich initialisiert");
                });
                
                this.one("error", function (error) { // Auf Fehler warten console.error("Listening exception",error);
                });
            }); 
        }
    },

montiert() {
    dies.initVideo();
  },

vorZerstören() {
    //Steuern Sie die Anzahl der Schleifen- und Zerstörungsvorgänge entsprechend der Anzahl der auf Ihrer Seite angezeigten Knoten.//Das Element hier ist die Anzahl der Knoten, die ich nach der obigen Initialisierung erhalte für (let index = 0; index < this.element; index++) {                  
              dies.$videos(`myVideos${index}`).entsorgen()
      }  
  },

<div v-for="(item,i) in adminList" :key="i">
        <div Klasse="mr30 mt10">
          <span class="link-color fontExtraLarge">{{i+1}}, {{item.title}}</span>
          <Video
           Referenz='Video'
            :id="'meineVideos'+i"
            Klasse = "video-js vjs-default-skin vjs-big-play-centered mt10"
          >
            <Quelle: src="item.src" Typ="video/mp4" />
          </video>
        </div>
</div>