需求背景：在正在进行的项目中需要对手机上的游戏视频进行展示，问题在于视频有横屏和竖屏两种，这取决于你咋玩这款游戏（比如：吃鸡、王者农药的录屏是横屏视频；跳一跳、神庙逃亡等则为竖屏视频）
如下图：横屏则不需要处理，width，height 100%打满即可，竖屏就比较鸡肋了，需要首先拿到width、height的值进行比较，然后定位video（背景图片设置filter: blur(3px)）
解决方案：
html
css
利用异步的方式返回width和height，好处就是可以你需要的任何地方随时调用，解耦！
以上代码的意思大概就是：点击playicon标签，通过异步函数获取传入视频链接的尺寸进行判断
如果width < height 就判为竖屏、否则为横屏
参考链接：https://stackoverflow.com/questions/4129102/html5-video-dimensions
需求背景：在正在进行的项目中需要对手机上的游戏视频进行展示，问题在于视频有横屏和竖屏两种，这取决于你咋玩这款游戏（...
1.UIWebView加载html 2.js获取webview中的视频资源
JS & jQuery 获取元素位置尺寸
层级关系 AVPlayerLayer- AVPlayer- AVPlayerItem -presentationS...
该方法仅用于后台数据中未给出图片尺寸的情况。 该方法主要有以下几个要点： tableView的加载流程 获取cel...
AVPlayer获取视频尺寸 AVPlayer是苹果官方提供的视频处理类，有非常强的定制性，实际开发中我们需要获取...
加载 JS (外部)/ CSS(外部) / style 获取URL参数
从官方给出的示例中我们可以得知，antd中js的加载是自动按需加载的。而对于css的加载则只字未提 js按需加载，...
1. 阐述一下异步加载 JS 异步加载的方案: 动态插入script标签 通过ajax去获取js代码，然后通过e...
js中的offset属性。 JS 有一套方便获取元素尺寸的办法。 就是offset家族offset指的是自己。 得...
本文标题：js获取未加载视频的尺寸
本文链接：https://www.haomeiwen.com/subject/wletpftx.html
网友评论