HTML5 视频播放/暂停控件仅在 Safari 浏览器中不起作用

Posted

技术标签:

【中文标题】HTML5 视频播放/暂停控件仅在 Safari 浏览器中不起作用【英文标题】:HTML5 Video Play/Pause control is not working in safari browser only 【发布时间】:2018-08-16 21:03:50 【问题描述】:

html5 视频的暂停/播放控制在 Safari 浏览器中无法正常工作。它在其他浏览器中运行良好。请帮我解决这个问题。

点击暂停模式图标后,视频仍在播放。当我单击静音图标时,视频会停止/播放,反之亦然。附上图片供参考。

Video controls Image as reference

<video controls id="video-gpro">
       <source src="@Model.Manualvideo" type="video/mp4">
</video>

单击播放/暂停图标时,控制台中显示以下错误。

未处理的承诺拒绝:[Object DOMError] N(匿名函数) N拒绝承诺

【问题讨论】:

“未按预期工作”。请描述它的作用,您期望它做什么以及这两者有何不同。 “不起作用”是一个相当糟糕的问题描述。 更新描述 F*** Schöner 这很不寻常。记录错误? 在您的环境中是否有任何关于以任何方式控制视频的自定义 javascript?如果您将视频标签原样放在 *** sn-p 中,它是否仍然显示错误行为? 更新控制台错误 【参考方案1】:

如果有人在描述中的上下文中偶然发现此错误 查看Google Article

&lt;video&gt;里面基本上没有&lt;source&gt;标签

【讨论】:

以上是关于HTML5 视频播放/暂停控件仅在 Safari 浏览器中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

移动 Safari 上的 iOS html5 视频

html5 视频中的单独播放/暂停按钮

HTML5 视频无法仅在 Chrome 中播放

HTML5 和 Javascript 仅在可见时播放视频

Html5 视频。暂停 20 秒后重置播放器

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