H5 video用户未交互下，play()方法报错

H5 中的 `<video>` 元素，在用户未进行任何交互操作时直接调用 `play()` 方法可能会触发浏览器的某些安全策略，导致自动播放被默认禁用。这是因为现代浏览器为了防止打扰用户体验和节省数据流量，实施了对音频视频元素自动播放的限制。

当你试图在用户未交互的情况下直接调用 `play()`，浏览器可能会抛出错误，最常见的错误提示可能是 "NotAllowedError" 或者 "NotAllowedByPolicyError"。为了避免这种情况，可以采用以下策略：

1. 添加用户交互事件监听器，如 `click`、`touchstart` 等，当用户点击或触碰视频区域时再尝试播放。
2. 利用 HTML5 的 `autoplay` 属性，但是设置 `muted` 和 `playsinline` 属性，并提供一个明确的开始播放按钮供用户触发，例如：

   <video id="myVideo" src="your_video.mp4" muted playsinline>
     <!-- 播放按钮 -->
     <button onclick="document.getElementById('myVideo').play()">播放</button>
   </video>

3. 使用 JavaScript，检查浏览器支持和权限，然后逐步允许播放：

   const video = document.getElementById('myVideo');
   if (video.canPlayType('video/mp4')) {
     video.addEventListener('loadedmetadata', function() {
       // 用户设备支持且加载成功后尝试播放
       video.play();
     });
   }

如果遇到错误，记得处理异常并给出友好的提示给用户，让他们知道需要手动触发播放。