Html 5 视频标签不仅在 iphone 中显示(safari 浏览器)

Posted

技术标签:

【中文标题】Html 5 视频标签不仅在 iphone 中显示(safari 浏览器)【英文标题】:Html 5 video tag is not displayed only in iphones (safari browser ) 【发布时间】:2020-08-20 08:55:39 【问题描述】:

在我的项目中,登录前视频将没有任何控件,也没有自动播放,登录后控件将出现。 如果我添加自动播放属性,我可以在包括 iphone 在内的所有设备中看到 html 5 视频播放器,但是如果我删除自动播放属性 html 5 视频播放器将是一个白色的空白页..

【问题讨论】:

我们只能猜测......嗯..你添加了controls属性吗? 我们已经删除了登录前的控制,我们的要求是登录前只能看到视频海报并且视频的总时长是可见的,视频不应该自动播放或没有任何控制 【参考方案1】:

我添加了#t=0.1 和 preload = metadata.

#t=0.1" type="视频/mp4">

【讨论】:

以上是关于Html 5 视频标签不仅在 iphone 中显示(safari 浏览器)的主要内容,如果未能解决你的问题,请参考以下文章

海报属性在 iPhone 5 上的视频标签中不起作用

html5 视频无法在 iPad 上播放 - 在 iPhone 上播放

在触摸时显示 iphone 视频控件

我用html5的video标签做的视频页面,在iphone上测试的时候视频都是全屏的,怎么才能不全屏?

iPhone 直播视频流媒体播放器

IIS7 mp4 文件和 html 5 视频标签