Question

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

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

Answer 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();

Answer 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"
        }
    }
});

//

在Extjs中播放视频

2 个答案: