問題一:
有需求在上傳視頻時最好能得到個封面,在開發(fā)工具中使用choosevideo 選視頻的回調(diào)中虱疏,有thumbTempFilePath,貌似可以做封面,結果TMD真機沒有肪虎,好吧,沒有就另想辦法惧蛹。
辦法一:如果靜態(tài)資源是在七派染龋或者阿里云上,都會有視頻截幀的方法香嗓。
ps: ios 上通過攝像頭豎屏拍攝的視頻上傳到阿里云后迅腔,出現(xiàn)截圖方向反轉(zhuǎn) 90deg 的問題,(由于沒有買阿里云視頻點播的功能靠娱,而oss圖片截幀參數(shù)太弱了)沧烈,處理辦法是在IOS 上區(qū)分 調(diào)用拍攝和從相冊選擇(用showActionSheet模擬),在拍攝上傳上寫個參數(shù)如isCamare,然后在顯示時像云,把阿里云獲取的視頻截幀賦值到image上锌雀,然后對image 進行 transform: rotate(90deg);
問題二:
ios? 有時video? 設置 autoplay屬性,但是視頻打不開迅诬,黑屏或者打開只有一個圖片腋逆,視頻的控件(播放按鈕、進度條侈贷、時長)都出不來
辦法: 聲明wx.createVideoContext('videoId')后惩歉,手動調(diào)用 play 方法,即可
問題三:?
當時頁面有一些固定定位,而video撑蚌、textarea 等小程序原生組件上遥,層級最高,更改不了z-index,導致滾動頁面會覆蓋定位元素争涌。
辦法:初始頁面時露该,只顯示視頻封面(圖片)+ 一個播放按鈕icon,在用戶點擊播放時第煮,顯示視頻解幼,且用一個很高層級的半透明遮罩把定位元素蓋住,在播放視頻時包警,滾動頁面先暫停視頻再隱藏視頻(不然即使隱藏還是會有聲音)撵摆,這樣在播放視頻時就不會影響頁面其他元素。