整合流程球员EXTJS4

Question

如何使用的Flowplayer EXTJS4

Answer 1

整合你可以试试这个方法

 <a href="http://path to video/flowplayer-960.mp4" style="display:block;width:425px;height:300px;" id="player"/>     
     <script> 
      flowplayer("player", "path to the swf location/flowplayer-3.2.5.swf",{clip:{autoPlay: false,autoBuffering: true}});   
     </script> 

     <div id="player" style="display:block;width:425px;height:300px;"/> 

Answer 2

您可以嵌入你想在面板上每html代码。

Ext.create('Ext.panel.Panel', { 
    title: 'Hello World Flowplayer', 
    width: 200, 
    html: '<script src="http://embed.flowplayer.org/5.2.1/embed.min.js"><div class="flowplayer" style="width: 624px; height: 260px;" data-origin="http://flowplayer.org/" data-analytics="UA-27182341-1" data-key="$437712314481272" data-rtmp="rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st"><video><source type="video/webm" src="http://stream.flowplayer.org/bauhaus/624x260.webm"><source type="video/mp4" src="http://stream.flowplayer.org/bauhaus/624x260.mp4"><source type="video/ogg" src="http://stream.flowplayer.org/bauhaus/624x260.ogv"><source type="video/flash" src="mp4:bauhaus/624x260.mp4"></video></div></script>', 
    renderTo: Ext.getBody() 
});