阿裡雲aliyunlive視訊直播，設定元素浮在視訊上方解決方案，通過打開一個frame層，設定body的背景為透明的。

新的frame層，會漂浮在視訊上方，背景透明，可以不遮擋住視訊。

這樣，視訊和其他元素就能夠共同存在了。

需要兩個頁面，一個用于被視訊依附，aliyunlive_play_con.html

一個用于存放其他的頁面元素，比如聊天内容，小禮物效果，觀看人員清單等等，aliyunlive_play_frm.html

在aliyunlive_play_con頁面中開啟視訊，并開啟frame。

在frame層中的body添加透明屬性，<code>style="background: rgba(0, 0, 0, 0.1);"</code>

ok了~，内容就會浮在視訊上方了。

本文轉自TBHacker部落格園部落格，原文連結：http://www.cnblogs.com/jiqing9006/p/6612879.html，如需轉載請自行聯系原作者