ホームページ >ウェブフロントエンド >htmlチュートリアル >ewebeditor の下で ckplayer を使用して、html5 (mp4)_html/css_WEB-ITnose の完全なプラットフォーム サポートを追加します。
学校デジタル プラットフォームのリッチ テキスト エディターは ewebeditor を使用しています。これは、一般的に使用されるオフィス ドキュメントの直接インポートをサポートしており、最近、教師の資料のアップロードを大幅に容易にしています。デジタルキャンパス全体を完全なプラットフォームに移行する予定であり、フレームワークはブートストラップ構造を使用しており、ビデオの場合、プラットフォーム全体に最適な形式は Mp4+html5 ですが、ewebeditor 自体は引き続き使用されます。はサポートしていないので、ewebeditor と ckplayer を必要とする友人が自分で入手してください。
具体的な操作は以下の通りです。
ewebeditorのプラグインにckplaerをコピーし、js配下のzh-cn.jsファイルを修正します。 元のflvプレーヤーをckplayerプレーヤーに置き換えたので、lang["DlgMediaPluginFLV"]=を見つけました。 「CkPlayer 再生プラグイン」 次のプロンプトを変更します
ダイアログの下の media.htm を開き、対応する flv 呼び出しコードを次のように変更します:
1 case "flv": 2 s_Html = '<div id="a1"></div>' 3 +'<scr'+'ipt type="text/javascript" src="/ewebeditor/plugin/ckplayer/ckplayer.js" charset="utf-8"></sc'+'ript>\n' 4 +'<scr'+'ipt type="text/javascript">\n' 5 +'var flashvars={\n' 6 +'f:\''+sFromUrl+'\',\n' 7 +'c:0,\n' 8 +'loaded:\'loadedHandler\'\n' 9 +'};\n'10 +'var video=[\''+sFromUrl+'->video/mp4\'];\n'11 +'CKobject.embed(\'/ewebeditor/plugin/ckplayer/ckplayer.swf\',\'a1\',\'ckplayer_a1\',\''+sWidth+'\',\''+sHeight+'\',true,flashvars,video);\n'12 +'</sc'+'ript>';13 break;
自動的に識別する必要がある場合mp4、以下のコードを変更できます
1 switch(s_Ext){ 2 case "flv": 3 case "f4v": 4 case "mp4": 5 sPlugin = "flv"; 6 break; 7 case "asf": 8 case "avi": 9 case "mp3":10 //case "mp4": 删除11 case "wav":12 case "mpg":13 case "mpeg":14 case "mid":15 case "midi":16 case "aif":17 case "aifc":18 case "aiff":19 sPlugin = "mediaplayer6";
この時点で、ckplayer と ewebeditor によって追加されたビデオは、プラットフォーム全体で html5 と flash を自動的に切り替えることができます。