javascript - 如何使视频进度条 100% 宽?
问题描述
这是负责进度条宽度的部分之一。这是负责进度条滞后的部分之一。但是,当我更改数字时,我不能让栏占据视频的整个空间,如图所示: 在此处输入图像描述
$(window).on("调整大小", onResize);
function onResize(){
$(mainFunction.elements.progress).width( $(mainFunction.elements.playerContainer).width() - 223 );
$(mainFunction.elements.progressBackground).width( $(mainFunction.elements.playerContainer).width() - 223 - 40 );
$(mainFunction.elements.progressHidden).width( $(mainFunction.elements.playerContainer).width() - 223 - 40 );
mainFunction.progressBarHeight = $(mainFunction.elements.playerContainer).width() - 223 - 40;
$(mainFunction.elements.progressOver).css("width", String( (mainFunction.progressBarHeight / $(mainFunction.elements.mediaVideo)[0].duration) * $(mainFunction.elements.mediaVideo)[0].currentTime ));
}
onResize();
},
解决方案
推荐阅读
- java - 使用 Jersey 的 REST API 上的 POST 请求未更新存储库中的列表,即未添加已发布的新对象
- sql - SQL查询获取每个员工的第一拳和最后一拳
- recursion - 需要帮助解决不平衡的递归树问题
- sql-server - 基于复杂静态 SQL 迭代所有列的动态 SQL
- ios - 使用版本 Xcode 11.4 构建 Xcode 项目时反复出错
- vaadin - 在 Vaadin Flow 中更改组件图标
- swift - TableView 创建重复单元格
- java - java.lang.NoSuchMethodError: 'com.google.api.client.json.JsonParser
- python - tensorflow v1 可以用于部署吗?
- mysql - 根据数字排序 ASC 或 DESC,但对于非数字行