uniapp使用video标签显示uncaught (in promise) notsupportederror: the element如何解决？

我在uniapp中使用video标签时遇到了错误提示：uncaught (in promise) notsupportederror: the element。想请教大家这是什么原因导致的？我的代码是直接按照官方文档写的，但一运行就报错。视频格式是MP4，在不同真机测试都出现这个问题。请问有什么解决方法吗？或者是不是需要配置什么特殊参数？

2 回复

检查视频格式是否被支持，如MP4、WebM。
若格式正确，尝试添加controls属性或使用@error事件捕获错误。
确保视频路径正确，网络资源需注意跨域问题。


在UniApp中使用video标签遇到Uncaught (in promise) NotSupportedError: The element错误，通常是因为浏览器或环境不支持某些视频格式或video标签属性。以下是解决方案：

  1. 检查视频格式兼容性
    确保视频格式被目标平台支持（如H.264 MP4在iOS/Android通用）：

    <video src="video.mp4" controls></video>

  2. 使用多个视频源
    通过<source>标签提供多种格式后备：

    <video controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  您的浏览器不支持视频播放
</video>

  3. 添加兼容属性
    设置playsinline和webkit-playsinline以兼容移动端：

    <video controls playsinline webkit-playsinline></video>

  4. 检查路径和网络
    确保视频路径正确，网络资源需保障可访问。

  5. 测试不同平台
    在真机调试中验证iOS/Android的兼容性。

若问题持续，检查浏览器控制台的具体错误信息，或尝试简化代码排除属性冲突。

回到顶部