如何让我的嵌入式视频在 Kindle Fire 上播放？答案

【问题标题】：How can I make my embedded videos play in place on Kindle Fire?如何让我的嵌入式视频在 Kindle Fire 上播放？
【发布时间】：2012-03-23 11:30:07
【问题描述】：

我不确定这是 Android 情况还是 Kindle Fire 情况，但我的 HTML5 视频在普通浏览器上播放良好，但坚持在 Kindle 上全屏播放。他们也不会自动播放，我需要手动点击才能播放。

这是我的 BackboneJS 模板中的 videosn-p：

<!-- "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() 事件。

【问题讨论】：

请参阅：stackoverflow.com/questions/9000624/…，可悲的是这似乎不可能......

标签： android video html5-video kindle-fire

【解决方案1】：

尝试使用 3gp 视频文件，而不是 mp4、flv 等。因为几乎所有类型的手机都会接受这种格式。

利用这些链接。

http://daily3gp.com/vids/747.3gp

http://daily3gp.com/vids/motorcycle_wipesout_explodes.3gp

【讨论】：