Reputation: 11
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.?
Upvotes: 1
Views: 197
Reputation: 2512
UPDATE:
The sample stream you provided is working 100% of the time in iOS 16.2 in Safari browser for me. Note, I only tried my own phone, so that is not a big sample.
We would need To figure out a consistent repro on a specific version of iOS and the browser version (Safari) as well. Otherwise, it is difficult to track down what the issue is exactly that you are seeing.
Upvotes: 0