Как сделать так, чтобы мои встроенные видео воспроизводились на Kindle Fire?

Я не уверен, происходит ли это с Android или просто с Kindle Fire, но у меня есть видео в формате HTML5, которые нормально воспроизводятся в обычных браузерах, но настаивают на воспроизведении в полноэкранном режиме на Kindle. Они также не будут воспроизводиться автоматически, мне нужно вручную нажать, чтобы воспроизвести.

Вот фрагмент видео из моего шаблона 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

Как заставить видео воспроизводиться в контейнере без перехода в полноэкранный режим? Я использую jQuery для запуска события play().

7
задан Maverick 6 March 2012 в 00:03
поделиться