在 Sencha Touch 2 中播放视频答案

【问题标题】：Play Video in Sencha Touch 2在 Sencha Touch 2 中播放视频
【发布时间】：2013-05-21 06:01:03
【问题描述】：

{
       xtype:'panel',
       flex:1,
       layout:'vbox',
       items:
       [
         {
           xtype: 'video', 
           id:'videoPlayer', 
           enableControls: true,
           url: filePath,
           loop: false,
           flex:1,
           posterUrl: thumbPath,
         },

         {
           xtype:'panel',
           cls: 'side_detail_bottom_title',  
           html: 'Video Title: '+title,
         }
      ]

}

我正在尝试从服务器播放远程视频。问题是它只播放 mp4 视频。它不播放 avi 和其他一些视频格式。

文件格式有什么限制吗？还是代码或 xtype:video 有问题？

顺便说一句，我正在 chrome 中尝试它。

【问题讨论】：

3gp 和 mov 格式适合我
我需要播放 mp4、ogg、avi、mov、wmv、flv、ogv 和 webm。只有 mp4 播放，所有其他格式都不起作用

标签： extjs sencha-touch sencha-touch-2

【解决方案1】：

视频元素官方支持mp4、webm和ogg。 http://www.w3schools.com/html/html5_video.asp

如果您提供这 3 种格式的 url，浏览器将自动使用它支持的格式。

例如，iOS 支持 MP4，Android 支持 WebM。提供这些格式的 url，iOS 将自动播放 MP4。 Android 将播放 WebM。

http://caniuse.com/video

【讨论】：