blazor wasm does not effect the browsers support of video or js. use the browsers debug tools to verify the <video> tag was generated correctly and the src is valid.
also check that the azure js and css links loaded correctly.
This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
I am trying to play a Azure Media Service video in a Blazor Webassembly componenet.
the video works when I play it in Azure media player but I have difficulty getting this in a blazor component.
Also I have tried the following tag:
<video id="vid1" class="azuremediaplayer amp-default-skin" autoplay controls width="640" height="400" poster="images/EULogo.png" data-setup='{"nativeControlsForTouch": false}'>
<source src="https://siemsa-usct.streaming.media.azure.net/e544a02d-3490-410f-bcd5-bc91c5bda77e/videoplayback.ism/manifest(format=m3u8-aapl)" type="application/vnd.ms-sstr+xml" />
<p class="amp-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
</p>
</video>
But it doesn't play either.
What is the best way to play a Azure Media Services video in a Blazor web assembly?
Thanks,
Peter
blazor wasm does not effect the browsers support of video or js. use the browsers debug tools to verify the <video> tag was generated correctly and the src is valid.
also check that the azure js and css links loaded correctly.
Check in with the owners of this project called Blazorise.
https://preview.blazorise.com/docs/extensions/video
I know that they have been working hard on support for HLS and DASH playback in Blazor that works with Media Services.
Check out the Issue history here - https://github.com/Megabit/Blazorise/pull/3298#issuecomment-1025123703