3d 视频切换到全屏播放

项目：3d场景中播放一个小窗口的视频，点击视频，放大为屏幕上的全屏视频。再点击视频，缩小为原来的小窗口的视频继续播放视频。

1.Unity3D 中，在三维场景中呈现播放视频，将视频组件放到相应的Plane下，调整其位置，缩放，旋转。

2.在视频所附Plane上放置世界空间的UI canvas Button，大小一致，处于透明状态，注意UGUI的Image组件不能remove，button点击的效果可以设为无。

3.全屏播放视频，需要加入屏幕UI Canvas，加入子节点raw image组件,再加入Aspect ratio fitter组件用于将raw image UI 适配屏幕，比例为视频的长宽比。

4.重要：手机竖屏显示的视频为正常的视频（如1024*720），手机横屏显示的视频为顺时针旋转的视频，如（720*1024）。

5.raw image 的Texture为每帧获取原视频的Texture，同时将material 也设为原视频的Material,这样就能在屏幕Ui上显示视频了。

6.全屏后的按钮为raw image的子节点，anchors 设置，点击Alt set the position同时充满父UI。同样设置如原视频上的button的效果。

7.两个Button只是接受按钮按下的触发控制，不关心所控制对象是否去做。而事实上视频只有在加载后才能使button的触发有效。

8.Button的状态流控制，所附的游戏对象无论disable还是enable都应该回到初始状态，接受点击的触发，然后发消息。

9.button发的消息接收方，只有相应状态响应才迁移状态，而不是全局的事件直接迁移执行下一个状态。

3d 视频切换到全屏播放相关推荐

设置网页打开默认全屏_微信公众号里的视频不能进行全屏播放的解决方法
我们手机版的微信视频,发现视频播放只能竖屏播放,点击右下角对放大按钮也是如此,网页版也是小窗口播放,而视频这样显示特别影响我们的观看感受, 下面说下微信公众号里的视频不能进行全屏播放的解决方法. 1. ...
Chromium为视频标签 video 全屏播放的过程分析
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 在Chr ...
Chromium为视频标签video全屏播放的过程分析
在Chromium中,<video>标签有全屏和非全屏两种播放模式.在非全屏模式下,<video>标签播放的视频嵌入在网页中显示,也就是视频画面作为网页的一部分显示.在全屏模式 ...
Android WebView播放视频（包括全屏播放）
最近项目开发中用到了WebView播放视频的功能,总结了开发中犯过的错误,这些错误在开发是及容易遇到的,所以我这里总结了一下,希望大家看到后不要再犯类似的错误,尽可能提高开发效率: 这个Demo我这里 ...
html视频怎么自动全屏播放,网页中用标签播放视频,可以全屏播放的代码肿么写?...
使用这个,注意路径中不要使用中文 object id=player classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 style=width: 68 ...
H5页面点击按钮播放视频，默认全屏播放，取消全屏后播放器自动隐藏
/*** @description 播放全屏 * @param {Object} element*/function launchFullScreen(element) {if (element.re ...
Android手机循环切换图片全屏播放
自己写的手机全屏切换播放图片,开发的是android4.3,运行测试的手机是Android5.1的,布局文件就不说了,就是一个ImageView,代码如下: import java.util.Time ...
ios html 全屏播放,iOS APP 中H5视频默认全屏播放问题解决
问题描述:在Android中,视频可以正常在H5页面局部播放,iOS中则自动切换至全屏模式. 查看资料得以解决,20190301记录下来. 解决方法:IOS10及以后,在 video标签页中只包含 w ...
iOS APP 中H5视频默认全屏播放
问题描述:在Android中,视频可以正常在H5页面局部播放,iOS中则自动切换至全屏模式,需要禁止视频自动全屏播放. 解决方法: H5端: iOS10以上H5视频不自动全屏播放识别 playsinl ...

3d 视频切换到全屏播放

3d 视频切换到全屏播放相关推荐

最新文章

热门文章