bahriddin / ckeditor-html5-video Goto Github PK
View Code? Open in Web Editor NEWHTML5 video plugin for CKEditor
License: GNU General Public License v3.0
HTML5 video plugin for CKEditor
License: GNU General Public License v3.0
I am looking for one feature in an audio plugin.
I need a means to allow an audio file to be played only once.
I just need to hold this in the browser session so if page refresh is hit it won't replay.
if the user leaves the site and comes back at a later time that is fine to play once again.
asking if anyone has a clue how to do this or is there a developer that can help with this.
@bahriddin
Thank you very much for the html5video plugin,But there is no poster attribute,Can you add a poster upload and URL attribute?
ckeditor-html5-video/html5video/plugin.js
Line 15 in 15fc6b1
I think this line must be
allowedContent: 'div[data-responsive](!ckeditor-html5-video){text-align,float,margin-left,margin-right}; video[src,poster,controls,autoplay,width,controlslist,height,loop]{max-width,height};',
video
list must contained controlslist
, otherwise plugin can't parse this parameter from stored html, and always set it to "True"
Am I missing something with being able to set muted on the video tag?
if not is there away to add this feature as I would love to be able to set autoplay and have the video muted.
i'd like try to update js but it not work so smoebody can tell me how to setting
CKEDITOR.plugins.setLang( 'html5video', 'cn', {
button: '发布HTML5视频',
title: 'HTML5视频',
infoLabel: '视频信息',
allowed: '支持格式: MP4, WebM, Ogv',
urlMissing: '视频url',
videoProperties: '视频属性',
upload: '上传视频',
btnUpload: '上传',
advanced: '高级',
autoplay: '自动播放',
yes: '是',
no: '否',
responsive: '自动宽度'
} );
The html5 video tag can show controls or not, when using the video tag to place an animated banner without sound, it would be nice to have an option to not show the controls.
I will try to do it and submit a pull request if I can.
I've created new repo in here: https://github.com/seduerey/ckeditor-html5-video/
and I am planning to update it and mantain it as long as my company need it.
Feel free to contribute.
Is there any way to disable the upload and browse functionality on this particular widget individually? I would like my people to be able to upload/browse images, but not upload/browse videos.
We want to have control over where and when videos are uploaded and then just use this plugin as an easy way for them to paste the URL in to create a clean video tag and configure their autoplay/downloadable/etc.
I'd like to have filebrowser point straight to Videos when called from the plugin dialog.
Something analogous to config.filebrowserImageBrowseUrl = '…';
of image plugin.
i find it used the filebrowserUploadUrl
Hi,
When i try to upload .mp4 file to ckeditor i'm getting this error
"small.mp4 has invalid extension. Only doc, docx, xls, out, dos, pdf, rar, zip, tar, tar.gz, swf are allowed."
Can't figure out how to fix this. Thanks
I want to embedd youtube video on my website using the youtube video link.
Is it possible using this plugin? If not, is the plugin supposed to be updated in near future to add that feature? Again if not, what changes need I to do in the code??
Hi Bahriddin,
Great work. After looking into the potential video plugins for the CKEditor, I found yours most fitting to the functionality I require for a Drupal installation.
Unfortunately integrating two systems isn't always straitforward and I ran into some problems. After writing a simple Drupal module to integrate the html5video plugin and enabling it through the Drupal inteface, the button didn't show up on the CKEditor toolbar. I found out that the widgets "button:" property isn't correctly supported/handled.
Attached is a patch for the adjusted code which does bring the button to the toolbar in Drupal and doesn't break the functionality in a CKEditor setting. Part of it is that I renamed the edit dialog to include the word 'Dialog'. This isn't required, but it took me some time to get the difference between html5video and html5video. If you agree, I can push it to the server, or you can apply the patch if you want. I will continue my development for the Drupal module, so there may come more.
Regards,
Eelco
Hi Bahriddin! Don't you think about adding "Responsive" option?
I think it can be easily implemented
video { width:100%; max-width:500px; height:auto; }
max-width
is optional of course. If you'll like the idea and need help - feel free to ask me, I'll try if I can
It appears that this plug-in can only be used if using a toolbar group. Can you please add support for toolbar items so I can load and position this in a toolbar instead of using the group feature?
I have successfully added the HTML5 Video plugin to CKEditor in my Django project, and am able to use it to upload videos (thank you!), however the video files are being uploaded with permissions set to 600, meaning that they cannot be played (403 error). If I manually change the permissions of the uploaded file to 755 it all works well, but I need this to be done automatically for files uploaded by my users. Any advice would be much appreciated.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.