让Videovideo 点击后缩小 还是方法

最新推荐文章于 2024-11-18 10:24:09 发布
原创 最新推荐文章于 2024-11-18 10:24:09 发布 · 977 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用RelativeLayout.LayoutParams调整视频视图大小并控制播放状态，包括缩小暂停及放大播放的方法。通过修改LayoutParams参数，可以实现视频视图在屏幕上的精确布局。

缩小暂停

 

RelativeLayout.LayoutParams lp=new  RelativeLayout.LayoutParams(1,1);
lp.addRule(RelativeLayout.CENTER_IN_PARENT);
videoViews.setLayoutParams(lp);
button.setVisibility(View.INVISIBLE);
videoViews.pause();

 

 

放大播放

 

RelativeLayout.LayoutParams layoutParams=
        new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT, RelativeLayout.LayoutParams.FILL_PARENT);
layoutParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
layoutParams.addRule(RelativeLayout.ALIGN_PARENT_TOP);
layoutParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
layoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
videoViews.setLayoutParams(layoutParams);

 

 

HTML5中视频元素的缩放和拉伸
ByteGlide的博客
09-22 1899
在HTML5中，原生的元素没有直接提供缩放和拉伸视频的功能。但是，通过使用CSS的transform属性或background属性，我们可以实现视频的缩放和拉伸效果。但是，原生的元素并没有直接提供缩放和拉伸视频的功能。需要注意的是，这种方法只是视觉上的拉伸效果，并不能真正改变视频的尺寸。这样，视频封面图就会被拉伸到容器的尺寸，从而实现了视频拉伸的效果。通过设置容器的宽度和高度，我们可以控制视频的显示尺寸。在下面的例子中，我将展示两种常见的方法来实现视频的缩放和拉伸。
【鸿蒙开发实战】详解鸿蒙应用开发中的Video组件
HarmonyOS_001的博客
06-23 1570
Video组件的原生控制器样式相对固定，当我们对页面的布局色调的一致性有所要求，或者在拖动进度条的同时需要显示其百分比进度时，原生控制器就无法满足需要了。如下图右侧的效果需要使用自定义控制器实现，接下来我们看一下自定义控制器的组成。
video视频操作之暂停开始放大缩小
cloud 的学习时代
10-28 4315
var myVideo=document.getElementById("video1"); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig() { myVideo.width=560; } function ma
video随浏览器窗口变化而缩放（保证宽高比，且video左下角有文字不错位）
qq_37800258的博客
03-11 6754
video随浏览器窗口变化而缩放（保证宽高比，且video左下角有文字不错位）1. video原始宽高，默认锁定宽高比2. video设置fill填充，宽高随div3. video默认锁定宽高比，宽高随div4. video默认锁定宽高比，div不设置宽高随video 今天多人视频布局时有涉及到这个需求，要实现下面的效果，浏览器窗口变化时要求整体锁定比例一起缩放： 纯CSS我没有实现，但还是总结一下，包括下面四种情况： 1. video原始宽高，默认锁定宽高比 <!DOCTYPE html>
前端Vue3+TS实现视频放大缩小，放大后实现视频的拖动+拖动边框限制
m0_56986233的博客
01-24 2033
前端Vue3+TS实现视频放大缩小，放大后实现视频的拖动+拖动边框限制
video视频自适应缩放显示
Rachel的博客
10-27 1万+
视频是可以按比例缩放显示的，现在大部分视频的宽度与高度比例是16:9，我们可以通过CSS将视频按照这个比例进行缩放显示。 通过百分比设置宽度，根据宽高比16:9，计算出高度的百分比数值，设置内边距为高度的数值，最后用绝对定位把视频百分百填充到设置的区域里面 <div class="video-box"> <video src=""></video> </div> .video-box { padding-bottom: 56.25%; wi
vue-video-player 解决微信自动全屏播放问题(横竖屏导致样式错乱问题)
10-15
在本文中，我们将深入探讨如何使用vue-video-player组件在微信环境中解决自动全屏播放以及横竖屏导致的样式错乱问题。vue-video-player是一个流行的Vue.js插件，用于实现视频播放功能，但它可能在某些特定环境下，如...
Unity WebGL中点击同一个按钮使视频播放窗口放大或者缩小到最初位置的操作方法和代码
06-02
要实现点击同一个按钮使视频播放窗口放大或缩小到最初位置的操作，可以通过以下步骤： 1. 获取视频播放窗口的RectTransform组件，并记录其最初的位置和大小。 2. 在按钮的点击事件中，判断当前视频播放窗口的大小...
Unity WebGL中点击同一个按钮使视频播放窗口放大至全屏或者缩小到最初播放大小的操作方法和代码
06-02
你可以通过以下代码实现这个功能： ```csharp using UnityEngine;...在ToggleFullScreen方法中，我们检查当前是否处于全屏模式，如果是，则将图像大小缩小到默认大小；如果不是，则将其放大到全屏大小。
JS自定义多媒体Video控制条（控制视频播放、进度、全屏案例）
热门推荐
weixin_41105030的博客
01-31 3万+
案例参考 先来看一下一些视屏控件 需求 点击按钮实现视频的播放和暂停 按钮切换全屏和退出全屏功能 进度条和时间 前期准备 HTML DOM Video 对象文档 图标字体库下载和文档 案例目录 HTML代码 我们自定义实现控制条，所以video不要使用controls属性 从其他网站视频播放，一般都是要自己实现控制条来达到我们想要的效果，使用video提供的控制条相关属性就很难修改，也...
SurfaceView增加放大缩小视频功能
03-31
SurfaceViewDemo基础上增加放大，缩小视频的功能
Android-ScalableVideoView可以缩放的VideoView.rar
07-30
Android-ScalableVideoView可以缩放的VideoView.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
img video 等比例缩放的特性
ww072511的博客
08-10 963
img 和 video的宽度固定后，高度会随宽度进行等比例缩放
如何实现视频旋转缩放
程序员成长指北
11-18 280
点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群一、背景 原本我们预览视频仅仅是简单的video标签实现就可以满足业务的需求了，但是某一天，产品说：”业务的视频是用手机拍的，方向不一定是正的，还有视频的宽高太小了看不清，所以希望我们能让视频做到旋转跳跃（不是）旋转+按比例缩小放大“。此时我的内心OS：你***是《舞娘》听多了吧。不过吐槽归吐槽，既然需求合理该做还是得做啊。二、实...
uniapp 关于 video 组件的缩放比例问题
UserGuan的博客
10-31 1862
在 container 样式的 padding-bottom 设置比例值。
android开发，视频扩展、放大不成功
weixin_44565191的博客
05-13 311
在android开发中，由于需要对rtmp格式的视频进行播放展示，本人遇到在点击扩展button时，视频不仅不能渲染在移动端，并且出错，经过分析，原来是在AndroidManifest.xml中定义activity时，没有加入属性screenOrientation属性： 属性值说明: ‘unspecified：默认值，由系统决定； landscape：设置横屏显示（不管当前手机是什么方向，activity都是横屏且方向不会变）； portrait：设置竖屏显示（activity一直是竖屏的）； behind
video
weixin_42185171的博客
05-11 628
最近在写视频相关的前端，遇到好多个坑，自己总结一下；1&lt;video class="videoSec" id="video1" controls="controls" poster="img/ppt7tp11.png" preload="auto" x5-playsinline="true" webkit-playsinline="true" playsin
JS视频实现放大，缩小事件
m0_74359467的博客
09-25 1260
希望对大家有帮助哦~
基于SpringBoot后端框架与Vue前端框架构建的采用前后端分离架构的面向大规模公共卫生事件常态化管理的智能化核酸检测全流程闭环管理系统_包含管理员医务人员用户三种角色权限涵盖.zip
最新发布
12-30
基于SpringBoot后端框架与Vue前端框架构建的采用前后端分离架构的面向大规模公共卫生事件常态化管理的智能化核酸检测全流程闭环管理系统_包含管理员医务人员用户三种角色权限涵盖.zip
Moo0 VideoMinimizer：视频文件轻松压缩分享
同时，还可以选择压缩的方法是通过调整文件大小还是比特率。 - **多种输出格式**：支持将压缩后的视频保存为AVI、FLV、MKV和MP4等多种格式，满足不同的使用场景和播放设备需求。 - **快速的转换速度**：在保证视频...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梦想不上班

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值