QtWebkit实现视频透明区域

今天,想在页面上开一个区域来播放视频, 因为当前的图形层叠在视频上上面,想要让视频露出来,就不能有任何的图形东东挡在上面。 首先,我在页面上设计了一块div区域来显示视频,这块区域被设置成全透明:注意最后一个opacity, 设置为0的话, 就表示该div区域就是全透明了,webkit支持这一个属性。 加载该页面, 发现这个区域的确是透出来了,但不符合我们要求, 因为,
摘要由CSDN通过智能技术生成
 

今天,想在页面上开一个区域来播放视频, 因为当前的图形层叠在视频上上面,

想要让视频露出来,就不能有任何的图形东东挡在上面。

 

首先,我在页面上设计了一块div区域来显示视频,这块区域被设置成全透明:

<div style='position:absolute; left:256px; top:96px; width:720px; height:576px; opacity:0;''></div>

注意最后一个opacity, 设置为0的话, 就表示该div区域就是全透明了,webkit支持这一个属性。

 

加载该页面, 发现这个区域的确是透出来了,但不符合我们要求, 因为,这个区域透明出来以后,就显示页面的背景色了。

视频被背景色挡住了,自然是显示不出来的,看来要把页面的背景也透掉。

把<body>也加上opacity:0?  悲剧了,这个属性加上以后, 整个页面只显示背景色,其它内容都没了,原来body的opacity是让

页面上所有的东东都消失啊,显然不能这样。

 

把<body>的背景色设置成#00000000, 就是把前2位(argb的a位)填0。 结果是白底,马上想到webview是建立在mainwindow上,

应该是mainwindow未透明的原因吧。 于是设置mainwindow为透明:

QMainWindow window;

QWebView *view = new QWebView(&window);

window

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值