PhoneGap iOS 无法播放视频使用 HTML 5

发布时间: 2016/9/17 4:30:03
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我建设 phonegap 应用程序,我需要以它播放视频。我知道,在 Android 上播放视频,我需要使用一个插件可用,但能在 iOS 上播放视频,我可以使用 HTML 5 视频标签。我有这些代码行︰

 <div id="video">
    <video id="video01" width="300" height="300" controls>
        <source src="images/test2.mp4" type="video/mp4" />
    </video>
</div>

我可以看到"视频箱",但出于某种原因我无法播放视频。在控制台中我没有看到任何错误。

视频我使用的是从这个网页︰ http://www.quirksmode.org/html5/tests/video.html

并在 iPhone Safari 我可以加载 MP4 版本从该页没有任何问题。

解决方法 1:

我知道它已经一段时间,但我看着我的一些老问题,而且我发现,我完全忘了寄给我的问题的解决方案。

最后我已经设法修复使用科尔多瓦文件 api 的问题和解决方案看上去水木清华。喜欢这个:

 window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fileSystem) {
                console.log("gotFS");


                getFolder(fileSystem, "video", function(folder) {
                    filePath = folder.toURL() + "\/" + "videotest.mp4";

                    playVideo(filePath);

                }, function() {
                    console.log("failed to get folder");
                });

            },
            function() {
                console.log("failed to get filesystem");
            });



function playVideo(uri) {


        var player = document.getElementById("videoPlayer");
        var source = document.createElement("source");

        source.src = uri;
        source.type = "video/mp4";

        player.appendChild(source);
        player.load();
    }
赞助商