媒体播放器模板在停止时显示一个黑框

Media player template shows a black box on stopping

本文关键字：一个 显示 媒体播放器      更新时间：2023-09-26

我有一个模板，它是动态添加的对象标记显示视频。

下面是模板代码(模板名称保存在作用域变量'topicArtifactsUrl'中):

<script type="text/ng-template" id="mediaTemplate">
  <div style="display:none;" id="mediaTemplateDiv" ng-show="modules.showMediaPlayer"></div>
</script>

我在一个下拉列表中动态地在控制器中添加对象标签。视频渲染正常。问题是当我点击页面中的另一个链接时，我需要加载一些其他内容并删除媒体播放器对象。我使用下面的代码:

$scope.stopMediaPlayer = function () {
        $scope.modules.showMediaPlayer = false;
        if (typeof (Player) != 'undefined' && Player.controls) {
            Player.controls.stop();
        }
        $scope.topicArtifactsUrl = ''; //Clear the template in which media player object is loaded
    }

问题是媒体播放器已停止，但在调用stopMediaPlayer()后屏幕上仍然出现黑盒子。我做错了什么?

我解决了。我必须隐藏media player的div:

$("#mediaTemplateDiv").css('display', 'none'); //Added this line to stopMediaPlayer()
相关文章：