HTML5 视频标签未在 Iphone Safari 上显示。就像视频没有加载一样
Posted
技术标签:
【中文标题】HTML5 视频标签未在 Iphone Safari 上显示。就像视频没有加载一样【英文标题】:HTML5 Video tag not showing on Iphone Safari. like the video isn't loading 【发布时间】:2021-10-09 20:36:02 【问题描述】:我正在使用 Django。 这是我的代码。视频为mp4格式。
<video autoplay loop muted playsinline class="mt-5" style="width:100%;margin:0 auto;">
<source src=" project.secondary_video_mobile.url " type="video/mp4">
</video>
与苹果设备有关吗?或任何解决此问题的方法?
注意:我尝试添加控件和 preload="metadata" 并没有工作。
【问题讨论】:
【参考方案1】:检查链接https://developer.mozilla.org/en-US/docs/Web/html/Element/video,在“ios 上的Safari”的浏览器兼容性下,其“兼容性未知”。因此,考虑到标签本身不受支持,因此添加更多属性不应该起作用。
【讨论】:
以上是关于HTML5 视频标签未在 Iphone Safari 上显示。就像视频没有加载一样的主要内容,如果未能解决你的问题,请参考以下文章
Html 5 视频标签不仅在 iphone 中显示(safari 浏览器)
html5 视频无法在 iPad 上播放 - 在 iPhone 上播放
我用html5的video标签做的视频页面,在iphone上测试的时候视频都是全屏的,怎么才能不全屏?
html5开发,iphone中的微信内置浏览器如何让video标签的视频不全屏