これが Android の状況なのか、Kindle Fire の状況なのかはわかりませんが、通常のブラウザーでは正常に再生される HTML5 ビデオがありますが、Kindle ではフルスクリーンで再生する必要があります。また、自動再生されないため、再生するには手動でタップする必要があります。
video
BackboneJS テンプレートのスニペットは次のとおりです。
<!-- "Video For Everybody" http://camendesign.com/code/video_for_everybody -->
<video class="video_main" width="548" height="393" poster="<%= APP._rootDir %>assets/video/spinner.gif">
<source src="<%= APP._rootDir %>assets/video/<%= APP._subdirectory %>/<%= media.data.location %>.mp4" type="video/mp4">
<source src="<%= APP._rootDir %>assets/video/<%= APP._subdirectory %>/<%= media.data.location %>.webm" type="video/webm">
<source src="<%= APP._rootDir %>assets/video/<%= APP._subdirectory %>/<%= media.data.location %>.ogv" type="video/ogg">
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="548" height="393">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="allowFullScreen" value="false">
<param name="wmode" value="transparent">
<param name="flashVars" value="config={'playlist':['<%= escape(APP._rootDir) %>assets%2Fvideo%2Fspinner.gif',{'url':'<%= escape(APP._rootDir) %>assets%2Fvideo%2F<%= APP._subdirectory %>%2F<%= media.data.location %>.mp4','autoPlay':false}]}">
<img alt="<%= media.data.title %>" src="<%= APP._rootDir %>assets/video/spinner.gif" width="548" height="393" title="No video playback capabilities, please download the video below">
</object>
</video>
各ビデオは.mp4
、.flv
、 、.webm
で利用できます。.ogv
動画を全画面表示せずにコンテナー要素で強制的に再生するにはどうすればよいですか? play()
イベントをトリガーするためにjQueryを使用しています。