すべて mp4 形式の動画用に mediaelement.js のインスタンスを実装しました。ただし、適切に機能させることはできません。まず、私がそれを実装した方法は次のとおりです。
ビデオ:
<video src="/video.mp4" type="video/mp4" controls preload="none" width="500" height="282"></video>
本文の最後、mediaelement.js 自体をインクルードした直後に配置します。
$("video").mediaelementplayer({
mode:"shim",
startVolume:0.3
});
私が抱えている問題は次のとおりです。
- IE では、Silverlight プレーヤーはメディアを再生しません。ビデオの長さが表示されているので、ロードされているようです。
- モードが「shim」に設定されている場合、Chrome はフルスクリーンを許可しません。
- モードが「shim」に設定されている場合、iPhone ユーザーはリンク切れになります。
- モードが「shim」に設定されていない場合、iPhone ユーザーは、ビデオを再生しないプレーヤーに遭遇します。
ビデオは .mp4 で、h.264 エンコーディングです。
ご協力いただきありがとうございます。