摘要:前提條件,接了一個項目要實現在微信公眾號里課程播放,而且還有評論功能,視頻需要小窗播放。
前提條件,接了一個項目要實現在微信公眾號里課程播放,而且還有評論功能,視頻需要小窗播放。
首先公布解決方案:
感謝知乎上的回答,原版微信內置瀏覽器 如何小窗不全屏播放視頻?
感謝該問題的徐霖同學的回答,雖然我們不認識,但是很感謝對我的幫助,寫這個還是主要是為了徐霖同學對我的這次幫助
解決過程:
網上百度一把片,主要是這些屬性,給賦值true之類的,然而沒什么卵用
webkit-playsinline="true" /*這個屬性是ios 10中設置可以讓視頻在小窗內播放,也就是不是全屏播放*/ playsinline="true" /*IOS微信瀏覽器支持小窗內播放*/ x-webkit-airplay="allow" x5-video-player-type="h5" /*啟用H5播放器,是wechat安卓版特性*/ x5-video-player-fullscreen="true" /*全屏設置,設置為 true 是防止橫屏*/> x5-video-orientation="portraint" /*播放器支付的方向,landscape橫屏,portraint豎屏,默認值為豎屏*/
還有用canvas解決的,代碼可以給你們參考寫是我從csdn花了3C幣買的
請自動引入jq等插件庫
直播
解決過程很心酸,結果最起碼是美滿的,畢竟解決了segmentfault上邊所說的微信X5內核不能非全屏播放視頻的世界級難題(皮一下,希望不會挨打)
目前這個方法親測可以使用華為、小米、vivo、蘋果、oppo
隨手打賞什么不奢望,只是開通一個贊賞功能,當然了請我喝飲料我也不會介意的
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/11084.html
摘要:推薦這篇文章前段時間重新學習了一下的部分,以前只是停留在標簽的使用上,這一次決定深入了解相關的,并運用這些打造一個簡單的視頻播放器。最后推薦一篇文章,是打造自己的音樂播放器,別人做的那個才是真的牛,很值得學習 推薦這篇文章: http://www.inwebson.com/html5... 前段時間重新學習了一下html5的video部分,以前只是停留在標簽的使用上,這一次決定深入了...
摘要:為了給用戶帶來多媒體方面的體驗福利,一刻也不能停,現在要提升主要視頻應用全屏播放的觀看體驗。 為了給用戶帶來多媒體方面的體驗福利,一刻也不能停,現在要提升主要視頻應用全屏播放的觀看體驗。 提升主要視頻應用全屏播放的觀看體驗老板撂下一句話后拂袖而去,剩下的自己體會。經過人工智能的大腦快速處理,提取了幾個比較關鍵的技術點。 1.視頻應用,如何判斷到視頻應用在工作? 2.全屏播放,如何判斷視...
閱讀 3891·2021-11-22 13:54
閱讀 2668·2021-09-30 09:48
閱讀 2352·2021-09-28 09:36
閱讀 3103·2021-09-22 15:26
閱讀 1333·2019-08-30 15:55
閱讀 2504·2019-08-30 15:54
閱讀 1418·2019-08-30 14:17
閱讀 2334·2019-08-28 18:25