Mav*_*ick 7 video android html5-video kindle-fire
我不确定这是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>
Run Code Online (Sandbox Code Playgroud)
每个视频的提供.mp4,.flv,.webm,和.ogv
如何在不进行全屏的情况下强制视频在其容器元素中播放?我正在使用jQuery来触发play()事件.
Man*_*ick -1
尝试使用 3gp 视频文件而不是 mp4、flv 等。因为几乎所有类型的手机都会接受这种格式。
利用这些链接。
http://daily3gp.com/vids/747.3gp
http://daily3gp.com/vids/motorcycle_wipesout_explodes.3gp
| 归档时间: |
|
| 查看次数: |
1814 次 |
| 最近记录: |