iPad で HTML5 ビデオを再生しようとしてイライラしました。最初はコーデックの問題だと思っていましたが、インターネットで見つけたすべてのアドバイスに従って修正しても、まだ再生されませんでした。ただし、これが示すように、コーデックの問題ではないことに気付きました。ビデオはメイン ページ内でレンダリングされませんが、メディア ファイルが保存されているリンクに移動すると表示されます。問題のあるコードは次のとおりです。
<video autoplay loop controls id="hipplay-video" class="video-top">
<source src="wp-content/uploads/2013/05/Hipplayapple.mp4" type="video/mp4" />
<source src="wp-content/uploads/2013/05/Hipplaywebm.webm" type="video/webm" />
<source src="wp-content/uploads/2013/05/Hipplayogg.ogg" type="video/ogg" />
Your browser does not support the HTML5 video tag.
</video>
iPad をお持ちで、http://www.hipplay.comにアクセスすると、上部のビデオは再生されません。ただし、http://www.hipplay.com/wp-content/uploads/2013/05/Hipplayapple.mp4にアクセスすると、ビデオは問題なく再生されます。
私が間違っていること、またはそれを修正する方法はありますか?