javascript - Video.js 在 iOS 上的文件加载期间停止
<p><p>我有一个在 iOS 和 Blackberry 上运行的用 PhoneGap/Cordova(1.8.1 直到我敢升级到 2.3.0)编写的应用程序。</p>
<p>当我尝试启动视频播放时，应用会使用视频播放器(我们使用 JQuery 和 JQuery Mobile)切换到视频“页面”div，并设置目标视频的 URL。</p>
<p>播放器旨在播放以前下载到本地文件系统的文件，但目前甚至无法播放从网络流式传输的内容。</p>
<p>我已经为视频播放器上的所有事件添加了监听器，我可以看到一个“loadstart”事件，然后什么也没有。</p>
<p>初始化如下:</p>
<p><strong>HTML:</strong></p>
<pre><code><video id="video_player" class="video-js vjs-default-skin noscroll" controls preload="none">
</code></pre>
<p></p>
<p><strong>JavaScript - 初始化:</strong></p>
<pre><code>var DEFAULT_OPTIONS = { controls: true, autoplay: false, preload: "none", loop: false };
var videoPlayer = null;
try {
videoPlayer = _V_("video_player", DEFAULT_OPTIONS, function() {
log("Video ready");
});
} catch (error) {
dumpError("Problem with initialisation", error);
}
try {
log("DEBUG:Setting up video");
videoPlayer.addEvent("loadstart", function() {
try {
dumpArguments("loadstart", arguments);
} catch (error) {
dumpError("Failed to process loadstart", error);
}
});
videoPlayer.addEvent("loadedmetadata", function() {
try {
dumpArguments("loadedmetadata", arguments);
} catch (error) {
dumpError("Failed to process loadedmetadata", error);
}
});
videoPlayer.addEvent("loadeddata", function() {
try {
dumpArguments("loadeddata", arguments);
} catch (error) {
dumpError("Failed to process loadeddata", error);
}
});
videoPlayer.addEvent("loadedalldata", function() {
try {
dumpArguments("loadedalldata", arguments);
} catch (error) {
dumpError("Failed to process loadedalldata", error);
}
});
videoPlayer.addEvent("progress", function() {
try {
dumpArguments("progress", arguments);
} catch (error) {
dumpError("Failed to process progress", error);
}
});
videoPlayer.addEvent("error", function() {
try {
dumpArguments("error", arguments);
} catch (error) {
dumpError("Failed to process error", error);
}
});
} catch (error) {
dumpError("Error setting up video controller", error);
}
</code></pre>
<p><strong>JavaScript - 设置视频播放</strong></p>
<pre><code>APP.avPlayer.video.src(cachedFileRecord.URL);
</code></pre>
<p>APP.avPlayer.video 是在初始化结束时创建的视频播放器的全局引用。</p>
<p>有时视频会启动，并且对于该 session 有好处，但重新启动应用程序，问题会再次出现。</p>
<p>我是移动开发和 JavaScript(以及 iOS、Cordova 等)世界的新手，但对开发不熟悉，是我做的事情顺序错误，还是我长期使用 Java 导致我要对 JavaScript 行为做出错误的假设吗？</p>
<p>哦，最后一个事实，代码在 BlackBerry 上运行良好，所以这肯定与 iOS 平台有关，但 5.1、6.0 和 6.1 在模拟器和设备上都失败了。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>我无法找到问题的根源，所以如果其他人有这个问题，为了将来引用，我通过像这样动态构建所有东西来解决它:</p>
<pre><code> // Get the place we will mount the video
var home = $("#videoInsert");
// Remove previous player, TODO Release first
home.empty();
// Create the new content
var player = $('<video></video>');
var videoId = "video" + playerCounter++;
player.attr("id", videoId);
player.attr("class", "video-js vjs-default-skin noscroll");
player.attr("controls", "true");
player.attr("autoplay", "false");
player.attr("preload", "auto");
player.attr("data-setup", "{}");
// Add the optional poster if supplied
if (arguments.length > 2) {
player.attr("poster", posterUrl);
}
// Set the media up
var media = $("<source />");
media.attr("src", "file://" + videoUrl);
media.attr("type", mimeType);
player.append(media);
// Finally add the player to the page
home.append(player);
try {
target = _V_(videoId, null, function() {
log("Video ready");
attachEventListeners(this);
resize(this);
});
} catch (error) {
dumpError("Problem with initialisation", error);
}
</code></pre>
<p>HTML 和 JS 初始化似乎有些冲突，但纯 JS 初始化解决了这个问题。</p></p>
<p style="font-size: 20px;">关于javascript - Video.js 在 iOS 上的文件加载期间停止，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/15090890/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/15090890/
</a>
</p>
页:
[1]