Azure media player drm protected video issue in iPhone
Gitesh Mangla
1
Reputation point
I am using azure media player 2.3.11 min js version for video in .Net6 technology. The video is DRM protected and plays perfectly on Android and Ios(Mac). But in iPhone its behavior is random, sometimes video is playing, and sometimes getting a black screen (not getting any error).
I'm using the 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.?
Sign in to answer