VideoJS 播放器在 iPad 的 Safari 上播放视频，而不是 iPhone

编程问答 2022-05-27

问题描述

我有一个使用 VideoJS 来查看流媒体视频的网站。它使用全景和 VR 插件。

在 iPad 上没有问题并且视频可以播放。在 iPhone 上，我从 Safari 收到以下错误。

TypeError: a.default 不是函数。 (在'a.default(r,!0)','a.default' 未定义）

有人解决过这个问题吗？

DOM

<!DOCTYPE html>
<html lang="en">

<head>
    <Meta charset="utf-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link href="https://vjs.zencdn.net/7.7.5/video-js.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="vendor/egis/common/css/demo.css">
    <link href="vendor/plugins/panorama/videojs-panorama.css" rel="stylesheet" />
    <!-- custom css for error messages and loader-->
    <link href="vendor/css/camera.css" rel="stylesheet" />
     
 
  </head>
  
  <body>
    <!-- progress loader -->
    <div id="loader" class="loader"></div>

    <!-- video viewer -->
    <div class="viewer">
         <video
                 id="video"
                 class="video-js vjs-fluid vjs-default-skin vjs-big-play-centered vjs-controls-enabled"
                 crossorigin="anonymous"
                 playsinline="playsinline"
                 controls
                 autoplay
                 preload="auto">
          
            <p class="vjs-no-js">
                To view this video please enable JavaScript,and consider upgrading to a web browser that
                <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
            </p>
        </video>

    </div>

    <!-- video scripts order is important -->
    <script src="vendor/egis/common/js/jquery-2.2.4.js"></script>
    <script src="https://vjs.zencdn.net/7.7.5/video.js"></script>
    <script src="vendor/egis/view360.pkgd.js"></script>
    <script src="vendor/plugins/panorama/videojs-panorama-plugin.js"></script>
    <script src="vendor/plugins/streaming/videojs-http-streaming.js"></script>

    <!-- our custom script-->
    <script>
         let progressBar = document.getElementById("loader");
         let videoElement = document.querySelector(".viewer video");
    
         let player = videojs(videoElement,{
                aspectRatio: "16:8",fullscreenControl: true
         });
         player.poster('https://www.budgetgps.com/app/vendor/images/poster.jpg')
    
         // lets show a loading bar while the video buffers
    
         player.ready(function () {
             progressBar.style.display = "none";
             player.src({
                            <?PHP if ($sMediaType != "") { ?>"type": '<?PHP echo $sMediaType ?>',<?PHP } ?>
                            "src" : '<?PHP echo $sURL?>'
                    });
             
             
             
             
             
         });
    
         player.panorama(<?PHP echo json_encode($panoOptions); ?>);
    </script>

</body>

</html>

iPad 上的控制台

iPad

iPhone 上的控制台

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

iosiosjavascriptsafarithree.jsvideo.js