ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1344|回复: 3

如何让插入的视频居中

[复制链接]

4

主题

11

帖子

32

积分

新手上路

Rank: 1

积分
32
发表于 2022-3-29 22:40:44 | 显示全部楼层 |阅读模式
单位使用的Ueditor富文本编辑器插入视频,最后显示的页面播放器很熟悉的样子,右键一看居然是ckplayer,这说明咱们ckplayer的影响力还是不小的。叫人遗憾的是,这个编辑器插入视频居然不能居中,我试了很多方法,都不能居中。默认的代码是这样的
<video class="edui-upload-video  vjs-default-skin video-js" style="float: right" controls="" preload="none" width="420" height="280" src="/UploadFiles/bmdt/2022/3/202203181627251666.mp4"><source src="/UploadFiles/bmdt/2022/3/202203181627251666.mp4" type="video/mp4" /></video>


我在外面加了个div并设置居中也没有用。不知道到底是什么原因,跟ckplayer有没有关系?
回复

使用道具 举报

4

主题

70

帖子

653

积分

高级会员

Rank: 4

积分
653
发表于 2022-3-30 00:00:35 | 显示全部楼层
你应该查页面用到的CSS样式表。你这里style="float right" 好像是浮动居右?
回复

使用道具 举报

4

主题

11

帖子

32

积分

新手上路

Rank: 1

积分
32
 楼主| 发表于 2022-3-30 08:15:35 | 显示全部楼层
本帖最后由 chnyyychn 于 2022-3-30 08:29 编辑

关键是我用了float:right它还是靠左边。
下图上面一张图片是居中的,下面的视频随便怎么设置,都是靠左的。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

4

主题

11

帖子

32

积分

新手上路

Rank: 1

积分
32
 楼主| 发表于 2022-3-30 10:58:25 | 显示全部楼层
经过不断问度娘,终于找到一个可以居中的,代码如下:
<div style="overflow:hidden;display:flex;align-items:center;justify-content:center;"><video class="edui-upload-video  vjs-default-skin video-js" style="float: right" controls="" preload="none" width="420" height="280" src="/UploadFiles/bmdt/2022/3/202203181627251666.mp4"><source src="/UploadFiles/bmdt/2022/3/202203181627251666.mp4" type="video/mp4" /></video></div>
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表