Hi Sanjay,
Sorry for the late response
I have resolved the above issue by using the below code. Below code is working for both (Window and MAC)
<video id="resourceVideoTag"
class="azuremediaplayer amp-default-skin amp-big-play-centered video-upload-box vid2"
controls
width="640"
height="400"
poster="@默 .ResourceVideo.ThumbNailUrl"
data-setup='{
"controls": true, "autoplay": false ,
"logo": { "enabled": false },
"techOrder": ["azureHtml5JS", "flashSS", "html5FairPlayHLS","silverlightSS", "html5"],
"nativeControlsForTouch": false
}'
tabindex="0">
<source src="@默 .ResourceVideo.VideoUrl"
data-setup='{
"protectionInfo": [{"type": "PlayReady", "authenticationToken": "@默 .ResourceVideo.BearerToken"},
{"type": "Widevine", "authenticationToken": "@默 .ResourceVideo.BearerToken"},
{"type":"FairPlay","certificateUrl" :"@默 .CertificateFilePath","authenticationToken": "@默 .ResourceVideo.BearerTokenFairPlay"}] ,
"techOrder": ["azureHtml5JS", "flashSS", "html5FairPlayHLS","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>
Jquery Code
var myResourcePlayer = amp('resourceVideoTag');
amp('resourceVideoTag').ready(function () {
myResourcePlayer = this;
myResourcePlayer.play();
});