                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /TypeScript封装播放器组件

怎么处理不同长宽比例视频，使得弹层框自适应尺寸？

可能需要在呈现弹层框之前，能判断出视频长宽比例。4个视频里有1个视频比例和另外3个不同。

VyingGao

2021-07-24

源自：TypeScript封装播放器组件

关注问题我要回答

406

操作

收起

1 回答

西门老舅
2021-07-27

你可以让弹出框自适应视频尺寸，而不是把弹出框大小限制死，最近将推出关于CSS布局的新课，可以关注一下

0 回复有任何疑惑可以回复我~

收起回答

VyingGao 提问者

如果通过视频来撑开弹层框，那样弹层框布局会受到影响。因为按照组件的运行顺序，先定位，然后显示视频内容。我的想法在定位前要确定视频比例才好。

2021-07-27 回复有任何疑惑可以回复我~

西门老舅回复 VyingGao 提问者

如果想根据视频大小决定弹窗大小，可以等视频加载完毕后，通过脚本动态设置样式。容器尺寸不同也是可以居中的，初始可以不给大小或给一个初始默认大小都可

2021-07-27 回复有任何疑惑可以回复我~

0/150

提交

取消

TypeScript封装播放器组件

参与学习 8003 人
解答问题 60 个

手把手教大家进行需求分析、组织代码，并使用组件化编写高性能代码。

进入课程

本课相似问答

2 回答我的弹层不居中

1 回答这个视频播放器只适用PC端，有没有H5端的解决方案

1 回答老师，我这里是什么错，跟视频来的

1 回答webpack和webpack-cli版本高于视频中的解决方法

1 回答自定义控件怎么退出全屏呀老师

搜索更多本课相关问答

怎么处理不同长宽比例视频，使得弹层框自适应尺寸？

我要回答关注问题

热搜

最近搜索清空

怎么处理不同长宽比例视频，使得弹层框自适应尺寸？

1 回答

本课相似问答

怎么处理不同长宽比例视频，使得弹层框自适应尺寸？