Question

我正在使用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进行测试。

感谢您提前获取任何信息。

Answer 1

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

node-webkit和html5视频

1 个答案: