jQuery移动版仅在iOS上播放电影时出现问题_Jquery_Iphone_Video_Mobile_Jquery Mobile

jQuery移动版仅在iOS上播放电影时出现问题

jquery iphone video mobile jquery-mobile

jQuery移动版仅在iOS上播放电影时出现问题,jquery,iphone,video,mobile,jquery-mobile,Jquery,Iphone,Video,Mobile,Jquery Mobile,我正在用jquery mobile开发一个移动站点，它在没有iOS的所有平台上都能完美运行。我试图删除jquery移动脚本，然后加载视频，但页面的其余部分很糟糕。这是一部mp4电影使用jquery-mobile-1.0版本和视频js 有人有同样的问题吗 <div class="vjs-container"> <div class="videoWidth video-js-box test-css vjs-controls-below vjs-paused" style="wi

我正在用jquery mobile开发一个移动站点，它在没有iOS的所有平台上都能完美运行。我试图删除jquery移动脚本，然后加载视频，但页面的其余部分很糟糕。这是一部mp4电影

使用jquery-mobile-1.0版本和视频js

有人有同样的问题吗

<div class="vjs-container">
<div class="videoWidth video-js-box test-css vjs-controls-below vjs-paused" style="width: 1809px;">
    <video height="416" width="720" data-subtitles="/sites/video/PublishingImages/test/test.jpg" poster="" preload="metadata" x-webkit-airplay="allow" class="video-js" tabindex="0" style="">
    <source type="video/mp4; codecs=&quot;avc1.42E01E, mp4a.40.2&quot;" src="/sites/video/PublishingImages/test/test.mp4"></source>
    <source type="video/ogg; codecs=&quot;theora, vorbis&quot;" src="/sites/video/PublishingImages/test/test.ogv"></source>

        <div class="vjs-flash-fallback">
            <img height="416" width="720" title="Ingen mulighet til å spille av video." alt="Ingen mulighet til å spille av video." src="/Style%20Library/gui/video-fail.jpg">
        </div>
    </video>
    <!-- Download links provided for devices that can't play video in the browser. -->
    <p class="vjs-no-video" style="display: none;">
        <strong>Last ned video:</strong> <a href="/sites/video/PublishingImages/test/test.mp4">MP4</a>,

        <a href="/sites/video/PublishingImages/Oppakning/test.ogv">Ogg</a><br>
        <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
    </p>
<div class="vjs-styles-check" style="position: absolute; display: none;"></div><img src="http://m.test.aspx" class="vjs-poster" style="display: block; height: 1045px; width: 1809px;"><div class="vjs-big-play-button" style="display: block;"><span></span></div><div class="vjs-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div><div class="vjs-controls"><div class="vjs-play-control"><span></span></div><div class="vjs-progress-control"><div class="vjs-progress-holder"><div class="vjs-load-progress" style="width: 24.01%;"></div><div class="vjs-play-progress" style="width: 0%;"></div></div></div><div class="vjs-time-control"><span class="vjs-current-time-display">00:00</span><span> / </span><span class="vjs-duration-display">00:00</span></div><div class="vjs-volume-control"><div><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span class="vjs-volume-level-on"></span><span></span></div></div><div class="vjs-fullscreen-control"><div><span></span><span></span><span></span><span></span></div></div></div></div>

<div class="clear"></div>



上次ned视频：，


通过VideoJS

00:00 / 00:00

因为jQueryMobile动态加载页面，所以需要使用VJS的动态设置。你可以

您可能希望在jQuery的pageInit中执行此操作，如下所示：

$( '#videoPage' ).live( 'pageinit',function(event){
 _V_("example_video_1", {}, function(){
      // Player (this) is initialized and ready.
    });
});

因为jQueryMobile动态加载页面，所以需要使用VJS的动态设置。你可以

您可能希望在jQuery的pageInit中执行此操作，如下所示：

$( '#videoPage' ).live( 'pageinit',function(event){
 _V_("example_video_1", {}, function(){
      // Player (this) is initialized and ready.
    });
});

我也会遇到这个问题，如下图所示，但我已经解决了

经过两天的调试、尝试和错误，我采取了以下措施（我建议您也这样做）：

将jquerymobile库升级至最新版本（1.3.1版），视频js.js（版本4.1.0）

找一个常规的web服务器（nginx、apache、tomcat…）为视频服务

我想澄清一下，jquerymobile正在使用视频js

然后再解释一下行动2

我们可以从快照中看到，有一个标记指示无法播放视频。我查过应用程序日志，

考虑到视频是由运行for development env的进程提供的（python中的一种工具箱，它是来自Django的runserver命令）

每次我通过iPad请求视频资源时都会发生异常。因此，我改变了我系统中的视频提供商，比如说nginx，它确实起作用了

成功的快照如下所示：