javascript - iOS 视频播放器播放按钮在 15 个视频后禁用

Question

我使用 Ionic Framework 构建了一个应用程序，其中有几个我想播放的视频。为此，我创建了一个类似类别的结构，您可以从中访问每个不同的视频，通过单击视频标题，您可以导航到视频播放器，这是一个简单的 html 页面，其中包含一个视频标签，如

<video controls style="background:#000;width:100%;" playsinline></video>

在我的视频播放器 Controller 中，我有将正确的视频放在看起来像这样的标签中的逻辑

function ($scope, $rootScope, $stateParams, $filter) {
            $scope.video = $filter('getById')($rootScope.videos, $stateParams.videoId);
            $scope.videoUrl = 'video/' + $rootScope.category + '/' + $stateParams.videoId + '#t=0';

            $scope.playVideo = function(){
              var vidURL = $scope.videoUrl;
              var myVideo = document.getElementsByTagName('video')[0];
              myVideo.src = vidURL;
              myVideo.load();
              myVideo.play();
            }
            $scope.playVideo();
       }

对于播放的前 15 个视频，基本上一切正常，一旦我播放超过 15 个视频，播放图标就会变成“禁止”，就像它被禁用一样，并且无法再播放视频，除非我关闭应用程序并再次打开它。

这只发生在设备上，它在浏览器和 iOS 模拟器上都能完美运行

xcode 错误日志中没有出现任何错误。

应用程序在同一 View 中似乎最多只能加载 15 个视频。

我还尝试将视频放入 iframe 而不是像

这样的视频标签

        <div class="player" style="background: #000; ">
          <iframe src="{{videoUrl}}" width="100%" style="background: #000; position: absolute; height: 100vh" autoplay="0" playsinline></iframe>
        </div>

在这种情况下，不会发生错误，但我无法内联播放视频(因为我无法在 iframe 的内容中插入 playsinline 标签)

任何想法/建议将不胜感激

Answer 1

IOS 不允许超过 15 个视频标签，我们遇到过相同类型的问题，要解决此问题，您需要清除视频引用。请使用以下代码。

$('video').each(function(){
    var vd = $(this)[0];
    vd.pause();
    vd.src="";
    vd.load();
    $(this).remove();
});