HTML がオプションである場合は、ビデオ タグを使用して、プレーンな HTML で試してみることができます。
作業中のプロジェクトで avi ファイルを再生してい<object>
ます。動作しない場合のフォールバック付きのタグを使用しています。これは私にとってオプションではないため、HTML5 は何もしないことに注意してください。ただし、以下のコードの前にこれを追加できます。
'<object data="' + fileUri + '" type="video/x-ms-wmv" class="preview-container" classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" width="' + width + '" height="' + height + '">
<param name="src" value="' + fileUri + '" >
<param name="loop" value="true" >
<param name="controller" value="true" >
<param name="autoplay" value="true">
<object type="video/x-ms-wmv" data="' + fileUri + '" width="' + width + '" height="' + height + '">
<param name="controller" value="true" >
<param name="loop" value="true" >
<param name="autoplay" value="true">
<a href="' + fileUri + '">Download</a>
</object>
</object>'
基本的に、これを処理する方法は、javascript を介して fileUri パラメータを動的に変更して、さまざまなビデオを取得することです。これにより、ビデオの再生が試行され、両方の方法が失敗した場合は、ダウンロード リンクが表示されます。最初の<object>
タグは IE 用で、2 番目のタグはその他のブラウザ用です。IE では、使用しているプレーヤーにクラス ID を提供する必要があります。ここでの classid は VLC 用ですが、Windows Media Player など、使用したいものに変更できます。
編集: コメントにより、リンクが静的な場合は、URI をハードコーディングできます。
<object data="PUT-YOUR-URI-HERE" type="video/x-ms-wmv" classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8">
<param name="src" value="PUT-YOUR-URI-HERE" >
<param name="loop" value="true" >
<param name="controller" value="true" >
<param name="autoplay" value="true">
<object type="video/x-ms-wmv" data="PUT-YOUR-URI-HERE">
<param name="controller" value="true" >
<param name="loop" value="true" >
<param name="autoplay" value="true">
<a href="PUT-YOUR-URI-HERE">Download</a>
</object>
</object>