Estoy intentando implementar el paquete Dashjs para un reproductor de video Vue 3, basado libremente en lo siguiente: http://reference.dashif.org/dash.js/latest/samples/smooth-streaming/mss.html . Hasta ahora, tengo una vista de reproductor de video simple que configuré usando Vue 3 con Dashjs.

 <template> <div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8"> <div class="px-4 py-6 sm:px-0"> <div :v-model="modelValue" :style="`height: ${height}; width: ${width};`"> <video id="video" style="width:100%; height:100%;" controls></video> <button outlined @click="videoPlayer">Render Video</button> </div> </div> </div> </template>

 <script setup> import { ref } from 'vue' import { MediaPlayer } from 'dashjs' const player = ref() const videoPlayer = () => { player.value = MediaPlayer().create(); const video = document.getElementById('video') player.value.initialize() player.value.attachView(video) player.value.attachSource('<video URL>') console.log([video, player.value]) } </script>

para player.value.attachSource('<video URL>') Pude ejecutar un video con formato mpd sin problemas. Sin embargo, cuando agrego enlaces a videos con formato ISM, el reproductor no parece reconocer los videos con formato ISM. ¿Cómo puedo configurar este código para que reconozca videos con formato ISM?

Aquí hay un video con formato ISM que intenté usar:

 http://playready.directtaps.net/smoothstreaming/SSWSS720H264/SuperSpeedway_720.ism/Manifest