壹***支持三種格式: Ogg、MPEG4、WebM。但這三種格式對於瀏覽器的兼容性卻各不同。
重點:比如MP4格式,MP4只是壹個容器,裏面還有壹個叫編碼器的東西。格式雖然都是MP4但是html中只支持H.264的編碼格式。所以要用軟件來轉碼。
MP4 = MPEG 4文件使用 H264 視頻編解碼器和AAC音頻編解碼器
WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器
Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器
補充: 有時會出現視頻封面無法鋪滿的情況,需要使用 object-fit 屬性鋪滿整個屏幕
如果是PC電腦上,完全可以用video標簽controlsList屬性,修改成如下即可!
//去除右鍵事件
blogs.com/congxueda/p/15091316.html
blogs.com/liuxianan/p/html5-video-resize.html
Obj-C中,需要添加配置webview.allowsInlineMediaPlayback = YES;
Swift請查找相關API進行配置。
開發5+App,需要在manifest.json的plus節點下新增allowsInlineMediaPlayback節點為true。
安卓監聽進入全屏的事件:
IOS監聽進入全屏的事件: