javascript - 在使用 sencha 添加视频时，会出现错误资源解释为图像但使用 MIME 类型文本/css 传输

Question

我正在尝试使用 sencha 添加示例我收到此错误资源解释为图像但使用 MIME 类型文本/css 传输

Ext.define('MyApp.view.Newpage', {
    extend: 'Ext.Video',
    xtype: 'newpage',
    id:'Newpage',
    config: {
        layout: { type: 'vbox', pack: 'center' },
        items: [
            {
                xtype: 'video',
                url: 'http://www.youtube.com/watch?v=9Lzh1kY-L3U',
                width: '320',
                height: '70',
                loop:true,
                posterUrl: 'resources/icons/iTunesArtwork.png'
            }
        ] 
    }
});

我的代码在这里不知道我错在哪里。

Answer 1

Ext.Video不是容器，所以你不能有物品。定义应如下所示：

Ext.define('MyApp.view.Newpage', {
    extend: 'Ext.Video',
    xtype: 'newpage',
    id:'Newpage',
    config: {
        url: 'http://www.youtube.com/watch?v=9Lzh1kY-L3U',
        width: '320',
        height: '70',
        loop:true,
        posterUrl: 'resources/icons/iTunesArtwork.png'
    }
});

此外，video 标签只是 HTML5<video>标签的包装，您不能只在其中粘贴一个 youtube URL 并期望它能够正常工作。