ホームページ >ウェブフロントエンド >htmlチュートリアル >ewebeditor の下で ckplayer を使用して、html5 (mp4)_html/css_WEB-ITnose の完全なプラットフォーム サポートを追加します。

ewebeditor の下で ckplayer を使用して、html5 (mp4)_html/css_WEB-ITnose の完全なプラットフォーム サポートを追加します。

WBOY
WBOYオリジナル
2016-06-24 11:32:491770ブラウズ

学校デジタル プラットフォームのリッチ テキスト エディターは 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 を自動的に切り替えることができます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。