【極品代碼】一般人我不告訴他,手機端h5播放時不自動全屏代碼

来源:http://www.cnblogs.com/tie123abc/archive/2016/10/31/6016727.html
-Advertisement-
Play Games

已測適用於ios,某些安卓手機微信下播放視頻會出現播放器控制項(這個實在是無力吐槽了,因為之前還遇到過微信播放完視頻後竟然無法退出全屏出現廣告的情況,只有播放完後刷新頁面並且要放到框架頁里才能屏蔽微信視頻廣告!),之前用canvans渲染,感覺不夠太完美,又弄成背景切換形式得(用背景切換形式可以完美解 ...


已測適用於ios,某些安卓手機微信下播放視頻會出現播放器控制項(這個實在是無力吐槽了,因為之前還遇到過微信播放完視頻後竟然無法退出全屏出現廣告的情況,只有播放完後刷新頁面並且要放到框架頁里才能屏蔽微信視頻廣告!),之前用canvans渲染,感覺不夠太完美,又弄成背景切換形式得(用背景切換形式可以完美解決當一個容器有transform:rotate(90deg)屬性時自適應百分比問題,若是canvans需去計算高寬太麻煩還需考慮不同系統)。

 

想要手機端h5播放時不自動全屏比想象的簡單,看加粗部分,一般人我不告訴他噢。

<video id="video" poster="" width="100%" height="100%" x-webkit-airplay="true" webkit-playsinline="true">
    <source src="http://file.ih5.cn/files/34906/16999/1f3b3c.mp4" type="video/mp4" codecs="avc1.42E01E,mp4a.40.2">
</video>


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 本文實例為大家講解了jQuery $.ajax()方法參數,供大家參考,具體內容如下 $.ajax({ url:'test.do', data:{id:123,name:'xiaoming'}, type:'post', dataType:'json', success:function(data) ...
  • 由於html是從上至下載入的,通常我們如果在head部分引入javascript文件,那麼我們都會在javascript的開頭添加window.onload事件,防止在文檔問載入完成時進行DOM操作所出現的錯誤。如果有多個javascript文件,那麼極有可能出現多個window.onload事件, ...
  • 因集團的組織結構比較特別,為了很好的體現層級,又擺放美觀,自己謝了一個簡單的頁面,有需要的可供參考。 ...
  • 之前根據網易前端微專業的課程,寫了博客 水平居中 方案 垂直居中 方案 水平居中和垂直居中 方案 在最後,老師總結了『解決方案』提出的思路 比如說用到的 display : flex display:table display: inline-block display : table-cell v... ...
  • 單擊頁面任何地方關閉隱藏層的一種新的實現方法,有需要得朋友可以參考對比一下,可以自己在此基礎上擴展相關功能。(也可以在框架頁中綁定單擊事件,自己加一下即可。) ...
  • 前言: 上篇博文AngularJs之directive中說了Scope作用域是個大坑,所以拿出來作為重點總結! 什麼是scope AngularJS 中,作用域是一個指嚮應用模型的對象,它是表達式的執行環境。作用域有層次結構,這個層次和相應的 DOM 幾乎是一樣的。作用域能監控表達式和傳遞事件。 在 ...
  • 就web元素排版佈局而言,在此之前,Web設計師需對Document元素完全按照HTML/CSS語言語法來編寫Web頁面,這意味著所有Web設計師都必須遵循許多瀏覽器的非標準差異來編寫頁面,而W3C又遲遲未統一這一標準,長久以來,導致編寫網頁Web設計師需處理不同瀏覽器之間的各種差異,一但排版佈局稍... ...
  • 方案一 水平居中和垂直居中,並且父容器的寬度高度都是未知的,裡面的子容器大小也是不一定的 DEMO 方案二 水平居中和垂直居中 absolute_transform DEMO 方案三 水平居中和垂直居中flex_justify-content_... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...