我在我的一个项目中使用 Extjs 和 PHP(无框架)。我需要在同一个面板/选项卡上播放视频而不打开新的。我可以通过单击下载按钮或单击面板上的视频链接来下载视频。但我需要在同一页面上播放视频而不影响其质量。(通常使用 .mp4 视频)。
到目前为止,我还没有发现 Extjs 有任何有用的方法/功能。
我用 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();
您应该使用一些 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"
}
}
});
//