在 Extjs 中播放视频答案

【问题标题】：Play video in Extjs在 Extjs 中播放视频
【发布时间】：2013-07-01 12:32:10
【问题描述】：

我在我的一个项目中使用 Extjs 和 PHP（无框架）。我需要在同一个面板/选项卡上播放视频而不打开新的。我可以通过单击下载按钮或单击面板上的视频链接来下载视频。但我需要在同一页面上播放视频而不影响其质量。（一般使用 .mp4 视频）。

到目前为止，我还没有发现任何对 Extjs 有用的方法/功能。

【问题讨论】：

【解决方案1】：

我使用 ExtJS 4.2 建立了一个网站，并包含了几个 mp4 视频。这很容易。如果你想将视频放到一个窗口中，这里有一些代码可能会对你有所帮助。

window = Ext.widget('window',{
            x:5,
            y:5,
            renderTo: Ext.getBody(),
            width: 410,
            height: 265,
            html: '<video width="400" controls><source src="test.mp4" type="video/mp4"><source src="test.ogg" type="video/ogg"></video>'
    }).show();

【讨论】：

【解决方案2】：

您应该使用一些 html5\flash 视频播放器（例如 flowplayer），然后将播放器（阅读播放器文档如何执行此操作）渲染到特定的 html 元素。

container.add({
    xtype: "panel",
    html: '<div id="place-for-video"></div>',
    listeners: {
        show: function() {
            // Create your player instance and render him to html element with id "place-for-video"
        }
    }
});

【讨论】：