国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

video層級過高,以及界面使用多個video時,在安卓APP上同時播放的問題(uniapp)

這篇具有很好參考價值的文章主要介紹了video層級過高,以及界面使用多個video時,在安卓APP上同時播放的問題(uniapp)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1、video層級過高的問題

問題一: 我的界面由于是自定義導航欄,所以使用video時,上滑界面video會直在最上層,蓋著? 頭部導航欄

解決方法:使用cover-view,自定義頭部使用cover-view替換view

問題二:自定義導航欄上面有menu,點擊會出現(xiàn)一個彈出層,但是彈出層會被video壓到

解決方法:使用原生窗體subNVues(uni-app subNVue 原生子窗體開發(fā)指南 - DCloud問答),原生窗體在第一次打包的時候可能會顯示問題,打包的時候注意一下就行。詳細的以上鏈接有說明

2、循環(huán)使用多個video時,安卓手機同時播放的問題

使用uni.createVideoContext,具體方法:

<video 
:src="item.src" 
:data-id="item.id" 
:id="item.id" 
class="item-video" 
:poster="item.src+'?x-oss-process=video/snapshot,t_0,f_jpg'" 
show-fullscreen-btn="false" 
object-fit="cover" 
@play="playing">
</video>
        playing(e) {
            // 獲取當前視頻id
            let currentId = e.currentTarget.dataset.id
            console.log(currentId);
            // uni.createVideoContext獲取視頻上下文對象
            this.videoContent = uni.createVideoContext(currentId)
            // 獲取json對象并遍歷, 停止非當前視頻
            //operationList為video循環(huán)列表
            let operationList = this.operationList
            for (let i = 0; i < operationList.length; i++) {
              let temp = operationList[i].id
              if (temp !== currentId) {
                uni.createVideoContext(temp).pause()
              }
            }
          },

以上就可以解決安卓手機上,多視頻播放的問題啦文章來源地址http://www.zghlxwxcb.cn/news/detail-457998.html

到了這里,關于video層級過高,以及界面使用多個video時,在安卓APP上同時播放的問題(uniapp)的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 【uniapp】 video視頻層級、遮擋其他彈窗或頂部導航 使用nvue覆蓋

    【uniapp】 video視頻層級、遮擋其他彈窗或頂部導航 使用nvue覆蓋

    uniapp 頂部導航和彈窗被video遮擋解決辦法 全部代碼 請前往dcloud 視頻播放器 解決video視頻遮擋頂部導航、 遮擋分享彈窗 組件層級 下載 話不多說 直接來干貨 示例圖片: 第一步:配置 subNVues 第二步:分別在index文件夾下建立三個文件分別為:index.vue 、drawer.nvue、subnvue.nvue文件

    2024年02月12日
    瀏覽(54)
  • 小程序ucharts層級過高如何解決

    為什么canvas組件總是會在最上層? 由于canvas組件是原生組件,原生組件的層級是最高的,所以頁面中的其他組件無論設置 z-index 為多少,都無法蓋在原生組件上 在頁面出現(xiàn)點擊事件,存在彈框,ucharts的圖層會會出現(xiàn)在彈框上層,ucharts的圖層事件會超過彈框事件,導致樣式出

    2024年02月12日
    瀏覽(16)
  • 微信小程序 canvas 層級過高 解決方案

    微信小程序 canvas 層級過高 解決方案

    先看bug: baidu上 關于小程序canvas層級過高 的的解決方案,大致分為 兩種 : 將canvas標簽替換為圖片: 使用cover-view(小程序層級最高的標簽)去覆蓋canvas標簽: 關于cover-view的小程序官方文檔 兩種方案的不足: 方案1 需要等待canvas渲染完成后再生成圖片去替換,且canvas標簽不

    2024年02月09日
    瀏覽(28)
  • 小程序canvas層級過高真機遮擋組件的解決辦法

    小程序canvas層級過高真機遮擋組件的解決辦法

    在小程序開發(fā)中需要上傳圖片進行裁剪,在實際真機調試中發(fā)現(xiàn)canvas層遮擋住了生成圖片的按鈕。 問題代碼 生成、重選的按鈕有時會被canvas繪制的圖形遮住,根本不能點擊觸發(fā)選中事件。 1、canvas是小程序開發(fā)中的繪圖工具,可以繪制圖形、渲染圖形和動畫,故很多的情況下

    2024年02月08日
    瀏覽(18)
  • 解決微信小程序Echarts圖表層級過高的方案

    在微信小程序中使用Echarts圖表時,有時會遇到圖表層級過高的問題。這可能導致圖表無法正常顯示或部分內容被遮擋。本文將介紹一種解決方案,通過修改Echarts圖表的樣式和配置,可以有效解決這個問題。 解決方案如下: 檢查圖表容器的樣式 首先,我們需要檢查圖表容器

    2024年02月03日
    瀏覽(52)
  • 關于uniapp小程序內置canvas標簽層級過高,覆蓋其他標簽問題

    關于uniapp小程序內置canvas標簽層級過高,覆蓋其他標簽問題

    uniapp 原因:是因為canvas是原生組件,而uniapp的 view、text?等標簽相當于二次封裝過的,給予z-index也是不生效的,微信開發(fā)者工具沒有問題,但真機測試會爆這個雷 恰巧碰上一個需求需要一個canvas生成圖片放在頁面,點擊按鈕后生成一個二維碼模態(tài)框,二維碼也是canvas生成圖

    2024年02月12日
    瀏覽(24)
  • 小程序 wxchart 折線圖層級過高滑動遮檔標題欄

    問題描述 : 標題欄背景色是漸變的,折線圖用wxchart,滑動的時候標題欄被線圖遮檔。 分析: wxcharts是使用了canvas,?屬性原來的組件,不是小程序自己的組件。 所以canvas層級權限是最高的,view不能蓋在canvas上面。那么折線圖就會蓋在標題欄上面。 參考小程序: cover-view

    2024年02月15日
    瀏覽(31)
  • uniapp開發(fā)小程序中因uchart的canvas層級過高遮蓋uni-datetime-picker組件的解決辦法

    uniapp開發(fā)小程序中因uchart的canvas層級過高遮蓋uni-datetime-picker組件的解決辦法

    頁面需要展示一個環(huán)形圖,可以按時間段篩選數(shù)據(jù),所以我用了 uchart 和 uni-datetime-picker 組件。 但uchart用到了 canvas ,其層級過高,當實機運行小程序時會遮蓋彈出的uni-datetime-picker組件 當uni-datetime-picker組件彈出遮罩時,把canvas移到用戶視野之外。 uni-datetime-picker組件本質就是

    2023年04月12日
    瀏覽(92)
  • vue 項目中使用video實現(xiàn)視頻播放效果暫停播放(多個視頻)

    根據(jù)ref判斷是否暫停狀態(tài)返回 true false vue 控制video視頻的播放暫停(多個視頻) 安裝video.js 在main.js中引用 頁面

    2024年02月11日
    瀏覽(19)
  • ios和安卓手機端使用video標簽播放失敗的問題

    ios和安卓手機端使用video標簽播放失敗的問題

    手機端請求后端接口,返回視頻流給前端,然后在手機端進行播放,手機端需要適配ios和安卓,后端在開發(fā)好接口后在瀏覽器、postman調用接口時都能正常播放,安卓客戶端也可以正常播放,但是ios播放失敗。 剛開始覺得是網(wǎng)速太慢的原因,換了一個更小的視頻,仍然不行,

    2024年01月18日
    瀏覽(88)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包