Azure Media Player 在重新访问视图时无法在 Angular JS 中播放视频

我已经在我的 angularjs 应用程序中使用了 azure 媒体播放器并且能够观看视频。但是，当重新访问视频标签所在的同一视图时，不会播放视频，而是在后台播放音频。

我正在使用 ui-router 进行路由。

预先感谢您的快速帮助。

这是我的 Angular js 代码来观看视频

    var myOptions = {
"nativeControlsForTouch": false,
controls: true,
autoplay: false,
width: "640",
height: "400",
}
var myPlayer = amp("azuremediaplayer", myOptions);
myPlayer.src([
    {
            "src": 
  "//amssamples.streaming.mediaservices.windows.net/91492735-c523-432b-ba01-
   faba6c2206a2/AzureMediaServicesPromo.ism/manifest",
            "type": "application/vnd.ms-sstr+xml"

    }
]);
amp("azuremediaplayer").ready(function(){
 var myPlayer = this;


 myPlayer.play();
});

 **HTML tag**
 <video id="azuremediaplayer" class="azuremediaplayer amp-default-skin amp-
   big-play-centered" tabindex="0"></video>

我在使用天蓝色媒体播放器时也面临同样的问题。 在关闭窗口上处理播放器后，此问题将得到解决。

myPlayer = amp("azuremediaplayer", {
                        "nativeControlsForTouch": false,
                        controls: true,
                        autoplay: true
                    })
myPlayer.dispose();