当我在 iPhone 上的 Safari 中播放文章中显示的视频时,它会填满屏幕。这很烦人,不是吗?
朝九晚五根据「iOS 10” 现在支持 iPhone Safari 上的内嵌视频播放已经很清楚了!
通过指定属性自动支持内联播放
相信很多人都想知道“内嵌播放?现在发生了什么?”,所以播放下面的视频来看看吧!
正如视频中所解释的,如果您在iPhone上播放上述视频,当前播放屏幕应该以覆盖整个屏幕的方式显示。内联播放意味着可以在浏览器内播放而无需全屏。
让我们改变一下这个例子。即使您在Mac或PC上播放嵌入页面中的YouTube视频,也可以直接观看,而无需跳转到YouTube页面。这就是内联播放的意义所在。
该网站称“webkit-playsinline据解释,通过指定此属性,将优先播放嵌入在网站上的视频。此外,加载网页时可以播放不包含音频数据或已禁用的视频文件。
iOS 上的内联和自动视频播放
当指定 webkit-playsinline 属性时,iPhone 上的 Safari 允许视频内联播放。没有该属性的视频将开始全屏播放,但用户可以捏紧视频以继续内联播放视频。
在 iOS 上,没有音轨或禁用音轨的视频可以在网页加载时自动播放。
通过启用内联播放,可以自动播放没有音频的视频,例如 Facebook 的时间轴上的视频,并且当用户点击它时也可以播放音频。对于网站运营商来说,在某个时候做出回应是个好主意!
(通过朝九晚五)
