2

我正在使用 node-webkit 为 PC 开发一个桌面应用程序。当我使用 node-webkit 运行应用程序时,除了 mp4 视频外,一切都很好。弹出 html 5 视频框,但它是纯白色的,并且控件呈灰色显示,就像我提供错误的文件路径并在 chrome 中运行应用程序时一样。我的 index.html 文件的一个示例:

            <div data-role="popup" id="popupVideo" data-overlay-theme="a" data-theme="c" data-tolerance="15,15" class="ui-content">
                <video width="497" height="298" style="max-width:100%;" controls>
                <source src="base/tutorialvideos//General_Tutorial.mp4" type="video/mp4">
                Your browser does not support the video tag.
                </video> 
            </div>




            <div class="ui-btn ui-btn-right">
                <a href="#popupVideo" data-rel="popup" data-position-to="window" data-role="button" data-icon="info" data-inline="true">Tutorial</a>
            </div>

我多次仔细检查了文件路径,并尝试了 /、//、\、\ 的所有组合以确保确定。我尝试使用完整的文件路径而不是具有相同结果的相对路径。

然后,我使用格式转换器将其中一个视频从 .mp4 更改为 .ogv,结果相同。

真正好奇的是,我很确定它正在观看视频,因为使用上面发布的代码,控件是半响应的。我可以在播放和暂停之间切换并拖动滑块。当我将滑块拖到最后时,它会显示视频的确切运行时间,但仍然没有音频或视频。

我突然想到 jquery mobile 可能把它搞砸了,所以我会发布这个并使用纯 html 5 运行测试。

感谢提前提供任何信息。

4

1 回答 1

3

node-webkit 仅支持开箱即用的专利“免费”编解码器。但是,您可以启用此处描述的 mp4/h264 支持:Using MP3 & MP4 (H.264) using the video & audio tags。.

于 2013-06-21T21:38:31.020 回答