ckeditor 基于视频上传插件html5video定制适合自己的视频上传

最新推荐文章于 2024-09-12 07:54:32 发布
最新推荐文章于 2024-09-12 07:54:32 发布
阅读量4.1k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/xiwanglr/blog/2246969
版权
本文介绍如何基于html5video插件，定制适用于ckeditor的视频上传功能，包括上传灵活性增强、汉化处理，如隐藏高宽设置和高级设置，并提供了安装和使用教程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

html5video_v1 starfork

最近用到ckeditor的视频上传插件 html5video，默认是通过配置一个上传地址来上传视频文件，不够灵活，且没有汉化。 这个项目基于插件html5video（原插件链接），通过部分修改实现了上传的自由定制，以及汉化处理

1.默认选中自适应宽度，隐藏高宽设置，以及高级设置

图片信息，默认选中自适应宽度，隐藏高宽设置，以及高级设置

2.上传界面

最低0.47元/天 解锁文章
chuozhi8096
关注
ckeditor-html5-video:CKEditorHTML5视频插件
05-07
ckeditor-html5-video 介绍 ckeditor-html5-video是CKEditor的简单HTML5视频插件，是转换版本。 如果要手动添加插件，则需要： 将html5video文件夹解压缩到CKEditor安装的plugins文件夹中。 例子： http://example.com/ckeditor/plugins/html5video 通过使用extraPlugins配置设置来启用插件。 例子： config.extraPlugins = 'html5video'; 也下载并配置其所有依赖项（例如，小部件，小部件选择，剪贴板，lineutils）。 此外，如果使用GNU / Linux发行版，则需要为文件夹和文件设置正确的权限。 附加依赖项 有关更多信息，请浏览ckeditor-html5-video的文档，网址为
CKEditor添加HTML5 Video插件的方法
08-31
CKEditor4.2只能增加flash播放格式，没有视频插件。这个插件允许插入和编辑新的HTML5<video>元素。该对话框允许指定的海报图像，尺寸（他们是根据预览自动调整）和两个源文件，这样既使用了WebM格式（Chrome浏览器，Firefox和Opera），并且只支持H264的那些浏览器（IE9和Safari浏览器）可以查看您的视频
CKEditor上传视频(java)
猪哥
12-27 9429
在我上一篇文章中已经讲到，使用ckeditor上传多图，这篇文章主要是讲上传视频。其实ckeditor中会自带一个插件就是flash， 就是这个按钮，但是它默认是不可以上传，只可以通过第三方URL来添加图片，并没有上传的按钮，我们要做的是将上传按钮显示出来，达到这样的效果。 开始吧    做这个功能你不需要下载任何插件，因为ckeditor的full版他是自带的flash插件，当然你需要下载
CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件,完美运行
08-11
CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件,完美运行
ckeditor html5_video 插件添加封面和中文功能
11-19
ckeditor4 视频插件html5-video功能增强，添加中文显示，新增添加封面的功能。内有用法示例，请丢在服务器里预览效果。
ckeditor4音频视频上传自定义插件
04-14
通过以上步骤，我们可以创建一个完整的CKEditor 4音频视频上传插件，让用户在编辑器内方便地上传和管理多媒体资源，提升编辑体验。这个过程涵盖了前端技术、后端接口设计以及用户体验等多个方面的知识，是提高...
CKEditor整合html5video视频播放插件，支持多种视频格式
为了确保视频能够在不同的浏览器中顺利播放，CKEditor的视频播放插件通常会嵌入兼容性代码，确保主流浏览器，如Chrome、Firefox、Safari、Edge和Internet Explorer等，能够正常渲染<video>标签。 CKEditor视频播放...
CKEditor HTML5 视频插件安装与使用指南
最新发布
gitblog_00735的博客
09-12 547
CKEditor HTML5 视频插件安装与使用指南 ckeditor-html5-video HTML5 video plugin for CKEditor 项目地址: https://gitcode.com/gh_mirror...
ckeditor4添加上传视频插件
04-25
ckeditor4添加上传视频插件 后端java配置看下面的链接 https://blog.youkuaiyun.com/sxz13145/article/details/124410416
vue+ckeditor5图片视频上传
qq_40121308的博客
12-02 4095
1.安装 ckeditor5提供三种方法安装npm、CDN和下载ZIP文件到项目中，这里就使用了npm安装具体看官网文档ckeditor5官网。 安装命令 npm install @ckeditor/ckeditor5-build-decoupled-document --save 卸载命令 npm uninstall @ckeditor/ckeditor5-build-decoupled-document --save 2.引用 在相对应的组件引入 import CKEditor from '@cke
CKEditor实现本地视频和图片的上传功能
06-18
CKEditor实现本地视频和图片的上传功能，不用kfinal
ckeditor配置上传视频
03-23
最近项目开发需要用到CKEditor在线编辑器，但发现他本身没有自带，所以需要自己手动配置插件。但网上很多配置都有问题，自己摸索了好久终于搞定。需要注意的细节有：flvPlayer文件夹的内容直接放在ckeditor文件夹里面的plugins文件夹下面。然后配置config.js文件的节点：config.extraPlugins = 'flvPlayer'; 最后配置视频上传路径的URL路径，也就是POST上传文件的地址：config.filebrowserFlvPlayerUploadUrl = '/ckeditor/upload_json.ashx?dir=media'，注意一定要是filebrowserFlvPlayerUploadUrl，这里要对应flvPlayer。其他具体的文件都在附件内容里面。
ckeditor5-video
07-24
CKEditor 5 视频功能 该包实现了 CKEditor 5 的视频功能。该功能以由几个插件实现的粒度形式引入。 它的灵感来自 ckeditor5-image 包。 演示 参见sample/app.js 文档 安装 将此添加到您的自定义构建或您的项目中。 使用 npm npm install --save-dev @visao/ckeditor5-video -带纱线 yarn add -D @visao/@visao/ckeditor5-video 与图片上传非常相似。 插件 视频插件 在编辑器中解析视频的插件 其他插件必选 VideoRelated plugins ClassicEditor .create( document.querySelector( '#editor' ), { plugins: [Video], vide
ckeditor图片上传,视频上传
08-02
ckeditor实现 视频上传CKEditor 是新一代的 FCKeditor，是一个重新开发的版本。CKEditor 是全球最优秀的网页在线文字编辑器之一，因其惊人的性能与可扩展性而广泛的被运用于各大网站。
推荐文章：CKEditor-HTML5-Video - 打造富文本编辑器的视频新体验
gitblog_00304的博客
09-12 407
推荐文章：CKEditor-HTML5-Video - 打造富文本编辑器的视频新体验 ckeditor-html5-video HTML5 video plugin for CKEditor 项目地址: https://gitco...
ckeditor添加插入flv视频的插件
weixin_34208185的博客
08-21 223
为什么80%的码农都做不了架构师？>>> ...
C# MVC CKEditor 添加html5video插件
早起吃虫的博客
03-31 1432
准备工作 首先下载插件：https://ckeditor.com/cke4/addon/html5video 检查本地的plugin中是否有widget插件，没有的话需要下载然后解压到本地plugins文件夹中 将下载的html5video解压到本地plugins文件夹中 添加插件 在config.js中添加 config.extraP...
ckeditor实现自定义上传视频和图片
weixin_42352643的博客
05-04 1285
config.font_names = ‘宋体/宋体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;微软雅黑/微软雅黑;//图片上传接口地址。config.filebrowserUploadUrl = “/api/file/upload” //文件上传接口地址。//预览区域显示内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值