怎么做视频背景

Cocos2d-x JavaScript
#1

新版本3.7中，添加了videoplayer的控件，我正需要这个控件，但是问题来了，我想达到的目的是在视频控件之上覆盖一个其它的UI控件，但是这个videoplayer始终是显示在最上层的，没办法将其方式在下面一层。网上搜索到相关的文章，但是都是cocos2d-x的解决办法。求大神相助。
:2:

#2

或者能不能让游戏透明，显示游戏层下面的html标签？，，，，

#3

这个videoplayer应该是和canvas同等级的html5控件，videoplayer的层级应该默认在canvas的上层，所以无论你怎么在canvas里面加东西，都不会出现在videoplayer上面。2种办法可以解决，1：其它的UI控件用html实现；2.修改底层，把canvas的父容器div的zindex改大。

#4

你好，非常感谢你的回复。
你所说的解决办法我也想过，
第一种不太可能，因为我做的控件太过复杂，如果不用cocos来完成，自己写canvas会增加很大的工作量。
第二种我觉得可以有，但是有一个问题，把canvas的容器zindex改大后，游戏将会覆盖视频，因为游戏自身的背景色是黑色，我不知道如何将游戏的背景透明，显示下层的内容。
不知道有没有办法让其透明。

#5

canvas能不能调成透明的，这个我还真没去试过，他的修改在CCBoot.js里面，可以去看看的

#6

跟了一点代码，，太过庞大，根本找不到在哪里设置的游戏场景颜色的属性，有些相识的修改了 依然没有反映。

#7

canvas应该不能设置成透明，你这个视频上面的其他UI控件主要是什么？

#8

那cocos2d-js 能显示base64编码的图片吗？如果可以 我想到了一个办法 就是不停的把视频截图显示到coocs里面去

#9

可以啊，具体详情，可以查看frameworks/cocos2d-html5/core/scenes/CCLoaderScene.js。这个是游戏默认的加载界面，里面用的就是base64， base64资源在frameworks/Base64Images.js

#10

— Begin quote from ____

引用第2楼helloworldtoo于2015-08-03 10:29发表的 :
这个videoplayer应该是和canvas同等级的html5控件，videoplayer的层级应该默认在canvas的上层，所以无论你怎么在canvas里面加东西，都不会出现在videoplayer上面。2种办法可以解决，1：其它的UI控件用html实现；2.修改底层，把canvas的父容器div的zindex改大。 http://www.cocoachina.com/bbs/job.php?action=topost&tid=316648&pid=1360663

— End quote

这里把canvas的父容器div的zindex改大，在哪里改啊？不太看得明白，有谁知道吗？ 我的理解是video和之上的UI应该都在canvas里面啊？

#11

cocos不清楚，Flash和unity可以把视频转成Texture，从而显示出来，想放到哪个层级都可以。

#12

我的思路再次失败了，我打算把video的图像绘制到canvas里面，然后canvas 转图像数据， base64的数据再显示到cocosjs里面去，虽然很绕，基本可以实现，但是 转图像数据 浏览器不允许跨域

#13

CCBoot.js里面，修改canvas父级div

#14

如果是能支持 drawImage 把video 传进去 多好啊。就没那么麻烦了:6:

#15

— Begin quote from ____

引用第12楼helloworldtoo于2015-08-07 09:19发表的 回 9楼(jogswu) 的帖子 :
CCBoot.js里面，修改canvas父级div http://www.cocoachina.com/bbs/job.php?action=topost&tid=316648&pid=1363760

— End quote

没找到在CCBoot.js里怎么改啊？能直接指出代码吗？

#16

localConStyle = localContainer.style;
localConStyle.width = (width || 480) + “px”;
localConStyle.height = (height || 320) + “px”;
localConStyle.margin = “0”;//“0 auto”;

localConStyle.position = 'absolute';//'relative';
localConStyle.overflow = 'hidden';
localContainer.top = '100%';
#17

视频可以放到cocos的后面去 这个我们已经实现过了。。。具体怎么实现 是另外同事做的 反正要改一点点源代码。

#18

— Begin quote from ____

引用第15楼helloworldtoo于2015-08-13 22:21发表的 回 14楼(jogswu) 的帖子 :
localConStyle = localContainer.style;
localConStyle.width = (width || 480) + “px”;
localConStyle.height = (height || 320) + “px”;
localConStyle.margin = “0”;//“0 auto”;

… http://www.cocoachina.com/bbs/job.php?action=topost&tid=316648&pid=1368043

— End quote

这里面主要就是把position值从relative改为absolute， 但是这只是布局的改变，怎么会影响层次啊？我试了一下，只是视频播放的位置变了，没有达到cocos在视频之上的要求

#19

— Begin quote from ____

引用第16楼ourbrander于2015-08-14 01:08发表的 :
视频可以放到cocos的后面去 这个我们已经实现过了。。。具体怎么实现 是另外同事做的 反正要改一点点源代码。 http://www.cocoachina.com/bbs/job.php?action=topost&tid=316648&pid=1368083

— End quote

能告诉我怎么改一点点源代码吗？谢谢！

#20

— Begin quote from ____

引用第18楼jogswu于2015-08-17 14:42发表的 :

能告诉我怎么改一点点源代码吗？谢谢！
http://www.cocoachina.com/bbs/job.php?action=topost&tid=316648&pid=1369973

— End quote

+1