老菜鸟学技术 2018-01-28 10:26 采纳率: 100%
浏览 4162
已采纳

JS如何动态的改变元素大小？

当浏览器被拉大后，页面播放器不会跟着变大，求方法

 <html>
<body>
<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>
<video src="https://tbm.alicdn.com/H86HavvWu3jbqtgR3Q4/KwXq5G3BDAaJMIOC60s%40%40hd.mp4" width="784" height="522" controls preload></video>
</body>
</html>
  • 写回答

19条回答

  • leslie_kai 2018-01-28 15:42
    关注

    高度宽度不要写死
    $(window).resize(function(){
    let winW = $(window).width();
    $("video").attr("width", winW);
    });

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(18条)

报告相同问题？

  • JavaScript 动态改变图片大小
    2020-10-29 22:11
    总的来说，通过JavaScript动态改变图片大小是一种常见的前端技术，它可以灵活地适应不同尺寸的图片，满足网页布局的需求。不过，为了获得更好的性能和用户体验，我们还需要结合服务器端处理和适当的CSS技巧。
  • JS根据浏览器窗口大小实时动态改变网页文字大小的方法
    2020-10-22 19:12
    通过上述内容的学习，我们可以了解到JavaScript动态调整网页文字大小的技术细节，同时也能认识到JavaScript在前端开发中的广泛应用和强大功能。这对于想要提升自己在Web开发方面能力的开发者来说，是一份非常有价值...
  • 利用JavaScript实现拖拽改变元素大小
    2020-10-20 21:08
    在网页中实现拖拽来改变元素大小是前端交互中常见的需求，为了达到这个效果，我们通常会使用JavaScript来编写相关的逻辑代码。在本篇知识分享中，我们将详细探讨如何利用JavaScript来实现拖拽改变元素大小的原理和...
  • JavaScript动态改变div属性的实现方法
    2020-10-23 21:51
    特别是当需要通过JavaScript动态地改变页面上元素的属性，例如一个div元素的属性时，其重要性不言而喻。 首先，想要动态改变页面上元素的属性，需要通过JavaScript代码获取到对应的DOM元素。通常使用document....
  • 用js实现层随着内容大小动态渐变改变 推荐
    2020-10-29 12:11
    在这段给定的文件内容中，描述了一个使用JavaScript实现层动态跟随内容大小变化的效果，这是网页设计中常用于创建动态且响应式用户界面的技术。以下是从给定文件中提取的知识点： 1. 动态层大小调整的概念：在网页...
  • Vue3实现拖拽改变元素大小
    2025-06-05 17:13
    Hello-Mr.Wang的博客 核心功能包括：通过mousedown事件触发拖拽，计算鼠标移动距离动态调整左侧宽度(30%-70%范围)，并设置最小100px最大800px的宽度限制。CSS采用flex布局实现整体结构，右侧宽度自动填充剩余空间。组件包含拖拽状态管理...
  • 原生JS滚动鼠标改变元素大小
    2019-08-09 01:04
    码海行舟的博客 今天要分享的是运用原生JS滚动鼠标改变元素大小，效果如下： 以下是代码实现，欢迎大家复制粘贴。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html...
  • html 拖拽 改变布局大小,利用JavaScript实现拖拽改变元素大小
    2021-06-13 11:03
    weixin_39673947的博客 大致介绍拖拽改变元素大小是在模拟拖拽上增加了一些功能拖拽改变元素大小原理首先这个方块得知道我们想要改变这个它的大小，所以我给它设定一个范围，当点击这个范围时表明我们想要改变它的大小当我们点击方块的这些...
  • js根据浏览器窗口宽度改变元素大小
    2022-09-09 09:57
    灰度1024的博客 js根据浏览器窗口宽度改变元素大小
  • 通过js动态改变html根节点字体大小
    2023-10-07 09:39
    徐粤洋的博客 / window.onresize 浏览器被重置大小执行事件。// 通过js动态改变html根节点字体大小。// 获取屏幕的宽度。
  • 没有解决我的问题, 去提问