2012-04-27, 03:19:58
here is how to install the html5 video for ck editor and then use videojs to display them:
1.) Download ck editor plugin here:
http://martinezdelizarrondo.com/fckplugi...o1.2.1.zip
2.) upload that folder that you unzip into:
admin > template > js > ckeditor > plugins
(put the whole 'video' folder there
3.) add these to gsconfig:
3.) Add this to the head tag of your template.php file:
4.) Upload the webm and mp4 versions of the video you wish to display into your uploads folder, and also a 'poster' which is like the first frame of the video or something else of the same dimensions as the video... i think the poster might be optional.
5.) create the page and click on the video button on the editor; enter the URLs to the videos you uploaded as well as the poster.
Click save and see if your video displays.
make sure to enter the absolute URL to the video files; they can be local or any URL to a video.
-marc
1.) Download ck editor plugin here:
http://martinezdelizarrondo.com/fckplugi...o1.2.1.zip
2.) upload that folder that you unzip into:
admin > template > js > ckeditor > plugins
(put the whole 'video' folder there
3.) add these to gsconfig:
Code:
define('GSEDITOROPTIONS', "extraPlugins:'video'
");
Code:
define('GSEDITORTOOL',"['Source'],
['Cut','Copy','Paste','PasteText','PasteFromWord'],
['Bold','Italic','Underline','Strike'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],['Video'],
['Image','Flash','Table','HorizontalRule','SpecialChar'],
'/',
['Format','Font','FontSize'],
['TextColor','BGColor','Maximize']");
3.) Add this to the head tag of your template.php file:
Code:
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
4.) Upload the webm and mp4 versions of the video you wish to display into your uploads folder, and also a 'poster' which is like the first frame of the video or something else of the same dimensions as the video... i think the poster might be optional.
5.) create the page and click on the video button on the editor; enter the URLs to the videos you uploaded as well as the poster.
Click save and see if your video displays.
make sure to enter the absolute URL to the video files; they can be local or any URL to a video.
-marc