Tengo dificultades para usar el reproductor de video para transmitir videos m3u8 A continuación funciona, pero quiero usar src del objeto
<video id="my-video" class="video-js" autoplay preload="auto" data-setup="{}" > <source type="application/x-mpegURL" src=https://multiplatform-f.akamaihd.net/i/multi/will/bunny/big_buck_bunny_,640x360_400,640x360_700,640x360_1000,950x540_1500,.f4v.csmil/master.m3u8 /> </video>En lugar de usar src codificado, estoy tratando de obtener src de un objeto que se ve así:
post: [{post_no:1,post_author:"Mercy", url:"http://demo.unified-streaming.com/video/tears-of-steel/tears-of-steel.ism/.m3u8",},],Así que pensé que podría hacer algo como esto que ninguno de ellos funcionó.
<video id="my-video" class="video-js" controls autoplay preload="auto" data-setup="{}" > <source type="application/x-mpegURL" :src="post.url" /> </video> playerOptions: { preload: "auto", autoplay: true, muted: true, loop: true, aspectRatio: "4:3", sources: [ { type: "application/x-mpegURL", src: this.post.url, }, ], },Lamentablemente, ninguno de ellos funcionó. ¿Hay alguna manera que pueda hacer?
Me las arreglé para averiguarlo. En lugar de usar el método, usar created() resolvió este problema. Así que mi código fuente es así:
created() { this.playerOptions = { preload: "auto", autoplay: true, muted: true, loop: true, aspectRatio: "4:3", sources: [ { type: "application/x-mpegURL", src: this.post.url, }, ], }; },