我正在使用 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 运行测试。
感谢提前提供任何信息。