I am using azure media player 2.3.11 min js version for video in .Net6 technolgy. The video is DRM protected and playing perfectly on Android and Ios(Mac). But in iPhone its behaviour is random, sometime video is playing and sometime getting black screen (not getting any error).
I'm using below code.
<video id="vid_1"
class="azuremediaplayer amp-default-skin amp-big-play-centered video-upload-box vid2"
controls
width="640"
height="400"
poster="@Model.ThumbnailUrl"
data-setup='{
"controls": true,
"logo": { "enabled": false },
"techOrder": ["html5FairPlayHLS","azureHtml5JS", "flashSS","silverlightSS", "html5"],
"nativeControlsForTouch": false
}'
tabindex="0">
<source src="@Model.VideoUrl"
data-setup='{
"protectionInfo": [{"type": "PlayReady", "authenticationToken": "@Model.BearerToken"},
{"type": "Widevine", "authenticationToken": "@Model.BearerToken"},
{"type":"FairPlay","certificateUrl" :"@Model.CertificateFilePath","authenticationToken": "@Model.BearerTokenFairPlay"}] ,
"techOrder": ["html5FairPlayHLS","azureHtml5JS", "flashSS", "silverlightSS", "html5"]
}'
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>
<link href="https://amp.azure.net/libs/amp/2.3.11/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet">
<script src="https://amp.azure.net/libs/amp/2.3.11/azuremediaplayer.min.js"></script>
Do you guys have any idea, what i'm doing wrong.?