產(chǎn)品昨天新提了一個(gè)需求,在app中分享到微信、微博中的H5頁(yè)面播放視頻的時(shí)候加上水印,這兩天一直在找這個(gè)方面的案例,沒(méi)有找到,中間看到一篇文章寫(xiě)到用canvas畫(huà)視頻到頁(yè)面上,然后播放按鈕、水印等東西都可以加上了,但是只能用PC上和瀏覽器模擬器下實(shí)現(xiàn),使用手機(jī)訪(fǎng)問(wèn)頁(yè)面canvas是空白的,想咨詢(xún)一下論壇里各位路過(guò)的大神這個(gè)需求能否滿(mǎn)足,大概是一個(gè)什么思路?補(bǔ)充1:使用position這個(gè)試了,在PC和模擬器下都在最外層但是在手機(jī)上訪(fǎng)問(wèn)就被video覆蓋了,iframe沒(méi)有測(cè)試,回頭寫(xiě)個(gè)demo看一下能否解決,另外全屏的話(huà)也是個(gè)問(wèn)題啊。我記得在微信里面video標(biāo)簽被置頂了;另外手機(jī)上瀏覽視頻應(yīng)該沒(méi)被轉(zhuǎn)成flash,因?yàn)槲覍?xiě)了一個(gè)video一個(gè)canvas,video是正常播放的補(bǔ)充2:iframe寫(xiě)了demo也是不行,好像在移動(dòng)端瀏覽器里video標(biāo)簽的z-index最大,在模擬器下水印在外面,但是在手機(jī)上一播放視頻就被遮住了。
能否實(shí)現(xiàn)html原生標(biāo)簽video上播放的視頻加水???
大話(huà)西游666
2018-10-16 14:15:55