H5 的 video

      上個星期,項目需求是在公司服務器上放些視屏,經過二維碼或連接分享出去,讓客戶訪問。原本是一個很簡單的東西,我首先想到的是H5的video 標籤。這個標籤已經被大多數主流瀏覽器支持(PC端的Chrome,安卓端瀏覽器,微信瀏覽器,QQ瀏覽器(自帶播放器),以及IOS的safari都支持h5的video標籤),並且使用簡單。ios

      在寫好了頁面之後,我拿了項目中的一個格式爲mp4的視屏開始測試,發如今瀏覽器和安卓手機上是能夠播放的,只是不能快進,但在蘋果手機上沒有反應。因而我把視屏用格式工廠轉爲h264/aac,發現仍是不能播放。網上說是ios對視屏的限制,<audio>``<video>必須由用戶動做觸發,不能自動播放。因而綁定監聽事件,當客戶觸發了點擊時在播放,發如今蘋果手機上仍是毫無反應,又去引用網上的插件video.js 仍是不行。在一次又一次嘗試中,我讓公司後臺在須要服務器配置一些東西,發現終於能播放了 。當時真是激動的想哭。好吧,廢話到這裏,下次直接上代碼 。瀏覽器

相關文章
相關標籤/搜索