1. 程式人生 > >安卓微信中播放視訊不自動全屏播放設定

安卓微信中播放視訊不自動全屏播放設定

最新的設定安卓視訊不全屏播放(不知道是否全部安卓機型都支援)的方法
 如下設定HTML程式碼:

<video id="videoID" controls src="XXX" poster="XXX.jpg" preload="auto" x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" playsinline="true"></video>

安卓設定屬性:
 x5-playsinline="true"
實測,不可加以下屬性設定,否則還是會跳出黑底全屏播放
 x5-video-player-type='h5' x5-video-player-fullscreen='true'



注意的細節就是,(只是安卓機)當視訊播放後:
  1、它的層級比較高,當有設定定位的彈層顯示後,即使設定z-index層級特別高,還是會被播放過的視訊擋住的(我這邊解決方法就是當顯示彈層時隱藏視訊,關閉彈層再顯示視訊),也就是說此視訊不可設定被其它元素遮擋,它永遠是在最上層的

  2、如果有背景音樂播放時,當視訊播放後,背景音樂自動停止且不會在視訊播放完後再繼續播放

IOS設定屬性:
 webkit-playsinline="true" playsinline="true" 

*****************************************************************************************

安卓微信中播放視訊時總是會自動在新視窗全屏播放視訊,而且播放結束後自動推送多個視訊列表展示給使用者選擇,但有時候我們就是需要視訊能夠區域性區域播放


相關推薦

播放視訊自動播放設定

最新的設定安卓視訊不全屏播放(不知道是否全部安卓機型都支援)的方法 如下設定HTML程式碼:<video id="videoID" controls src="XXX" poster="XXX.j

播放視訊終於可以不再自動

最新的設定安卓視訊不全屏播放(不知道是否全部安卓機型都支援)的方法 前兩天做了一個石頭剪刀布的視訊遊戲專案,測試過程中找到了更加簡便的方法,分享下,如下設定HTML程式碼: <video id="videoID" controls src="XXX" poster="X

視訊最佳實踐

起因 寫這篇文章是因為在做微信端視訊觀看時出現了很多意料之外的問題,這些問題網上也有很多人碰到,也有一些解決方法,但這些方法,有的不全,有的已經過時。 安卓微信裡播放視訊通常碰到問題是會自動全屏,像下面這樣。造成這種結果的原因是因為在安卓端,微信會使用騰訊開發的x5核心(如果安裝了x5核心的話)來替代安卓

瀏覽器location.href失效問題已解決(mui框架)

網上查了好多資料,有的說給url後邊加時間戳,有的說加隨機數,但是我試了,問題最終都沒能解決,最後只能妥協了。 解決辦法: 採用mui框架自帶的螢幕點選事件即可,推薦tap,示例如下,具體參考官方文件:http://dev.dcloud.net.cn/mui/event/ 示例 點選

JB的測試之旅-聽說7.0能抓https?

前言 最近公司有個小程式要提測,因為之前反饋過使用Ip測試的時候,埠響應太慢了,因此這次改成了域名的方式 ; 研發提測,體驗,發現有個疑似bug的東西,想著抓包看下是不是介面資料的問題,結果問題出現了,按照以前的常規操作,開啟fiddler,設定ip代理(https證書已經安裝了),結果一看,fiddle

ios中音視訊自動播放

// 方法1: 現在微信官方已經推出了微信JS-SDK, 最好還是不要使用"野生"方式, 因為不知道什麼時候就可以不能用了! // http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f

瀏覽器location.href失效的問題

在移動web中,經常會使用window.location.href去跳轉頁面,這個方法在絕大多數瀏覽器中都不會 存在問題,但是在安卓手機的微信自帶瀏覽器中,會出現一個奇怪的bug。 window.location.href = baseUrl + 'ar

解決瀏覽器location.reload 或者 location.href失效的問題

在移動wap中,經常會使用window.location.href去跳轉頁面,這個方法在絕大多數瀏覽器中都不會  存在問題,但早上測試的同學會提出了一個bug:在安卓手機的微信自帶瀏覽器中,這個是失效的,並沒有跳轉; 原來的程式碼: window.location.re

聊天記錄刪除了怎麽恢復

大家現在面對微信的使用已經是越來越熟練了,不過唯一的問題就是在面對數據丟失的時候,該怎們去進行找回和恢復,想要輕松的找回那就先看看介紹吧,安卓微信聊天記錄刪除了怎麽恢復?其實只是需要一款軟件的幫助就可以了,大家先看下面的介紹吧! 互盾安卓恢復大師是一款專門針對安卓手機研發的數據恢復軟件,可用

運動刷步助手v9.0【免費運動刷步神器】

建議 log 註冊 -- tps IT 安卓 BE class 軟件名稱: 刷步助手v9.0【免費安卓微信運動刷步神器】 軟件大小:1.5MB 軟件版本:9.00.0015 軟件描述:刷步助手,一款能修改微信運動步數顯示的軟

端 h5 視訊 video 自動播放

document.addEventListener("WeixinJSBridgeReady",function(){ document.getElementById("videoID").play();},false);   autoplay不能用的 感謝 https://blog.csd

網頁無法使用瀏覽器開啟(手機:該證書並非來自可信賴的授權中心)

生成二維碼的時候發現網頁無法在微信瀏覽器裡開啟,檢查了二維碼對應的URL連結沒有錯誤,在CHROME裡也能開啟,用安卓自帶的手機瀏覽器開啟時,提示:該證書並非來自可信賴的授權中心。 使用這個SSL檢查站檢查,發現前四項正常,第五項報錯:A valid Root CA Certificate

端h5 頁面 增加 底部導航欄總結

Aphorism grow in errors overview 最近在寫一個 移動端的 jsp 專案, 應專案需求須在安卓機器上實現一個 ios 微信h5頁面 底部的 導航條 想到的實現方案: 通過jsp 寫一個 父頁面然後 每個子頁面通過 include

開啟X5除錯,使頁面可以在谷歌瀏覽器除錯【chrome://inspect/#devices】

1.微信瀏覽器開啟:http://debugx5.qq.com2.開啟後選擇以下選項3.開啟微信公眾號頁面4.開啟chrome://inspect/#devices  然後按移動端除錯方式開啟微信公眾號

自動搶紅包外掛優化和實現

轉載請註明作者AndroidMSky和連結http://blog.csdn.net/AndroidMsky/article/details/53490459 又是興趣系列 網上有很多自動強紅包的例子和程式碼,筆者也是做了一些優化。 先說說自己的兩個個優勢

連線fiddler等抓包工具無法抓取https

問題描述: 在手機連線pc的fiddler後,安卓微信打不開https頁面,安卓的瀏覽器、qq等都可以正常訪問https,ios也都可以,就只有安卓微信放問https是空白頁面   解決思路: 一. 證書沒有正確安裝 連線抓包工具無法訪問https的,首先判斷是證書問題。在瀏覽器訪問&nb

支付踩坑,對剛接觸開發的小白絕對有幫助

剛接觸安卓開發,就遇到了專案需要接入微信支付以及退款功能,根據自己iOS開發的經驗,確定如下幾個步驟,一步一步的來,有不對的地方多擔待。 1.配置微信支付的環境,下載微信官方提供demo,把裡面需要配置的包拖進你的當前工程,這裡說一下,微信官方的demo就是屎

端打開H5頁面背景圖被鍵盤擠壓移動位置解決

空白 strong bsp 作用 fun isp height png htm 問題:在微信端(安卓瀏覽器也如此)打開的H5登錄頁面中,點擊輸入信息,彈出軟鍵盤會擠壓背景圖片。 本來的body寬高設置body{width:100%,height:100%},不起作用,這樣寫

端網頁圖片預設被放大

專案裡有公眾號版本, 圖片撐得比較大, 掛上點選跳轉事件, 安卓(目前只發現小米有這個問題) 有時候圖片會被先放大。 解決方案: 1 事件掛在img標籤的上層, 2 給img標籤單獨設定: (

iphone在audio 音訊無法自動播放

<audio src="1213132.mp3" controls="controls" preload id="music1" autoplay="autoplay"