chnyyychn 发表于 2022-3-29 22:40:44

如何让插入的视频居中

单位使用的Ueditor富文本编辑器插入视频,最后显示的页面播放器很熟悉的样子,右键一看居然是ckplayer,这说明咱们ckplayer的影响力还是不小的。叫人遗憾的是,这个编辑器插入视频居然不能居中,我试了很多方法,都不能居中。默认的代码是这样的
<video class="edui-upload-videovjs-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有没有关系?

lanmfly 发表于 2022-3-30 00:00:35

你应该查页面用到的CSS样式表。你这里style="float right" 好像是浮动居右?

chnyyychn 发表于 2022-3-30 08:15:35

本帖最后由 chnyyychn 于 2022-3-30 08:29 编辑

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

chnyyychn 发表于 2022-3-30 10:58:25

经过不断问度娘,终于找到一个可以居中的,代码如下:
<div style="overflow:hidden;display:flex;align-items:center;justify-content:center;"><video class="edui-upload-videovjs-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>
页: [1]
查看完整版本: 如何让插入的视频居中