2

node-webkit を使用して PC 用のデスクトップ アプリケーションの開発に取り組んでいます。node-webkit でアプリを実行すると、mp4 ビデオを除いてすべてがうまく機能します。HTML 5 ビデオ ボックスがポップアップ表示されますが、真っ白で、不適切なファイル パスを指定してクロムでアプリを実行した場合と同じように、コントロールがグレー表示されます。私の 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>

ファイル パスを何度か再確認し、念のために /、//、\、\ のすべての組み合わせを試しました。相対パスではなく完全なファイルパスを使用してみましたが、結果は同じでした。

次に、フォーマット コンバーターを使用して、動画の 1 つを .mp4 から .ogv に変更しましたが、結果は同じでした。

本当に興味深いのは、ビデオが表示されていることを確信していることです。これは、上記のコードを使用すると、コントロールが半応答性になるためです。再生と一時停止を切り替えたり、スライダーをドラッグしたりできます。スライダーを最後までドラッグすると、ビデオの正確な実行時間が表示されますが、オーディオやビデオは表示されません。

jquery mobile が台無しになっている可能性があることに気がついたので、これを投稿して、純粋な html 5 でテストを実行します。

情報をお寄せいただきありがとうございます。

4

1 に答える 1