在浏览器加载完毕后，自动播放视频：出现play() failed because the user didn't interact with the document first.错误

问题：test.html:30 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>


        <video controls width="250" id="videoTest" autoplay playsinline >

    <source src="https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm"
            type="video/webm">

    <source src="https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm"
            type="video/mp4">

    Sorry, your browser doesn't support embedded videos.
</video>

        <script>

  var videoTest = document.getElementById('videoTest');
  videoTest.play();
        </script>
    </body>
</html>

解决方法：给video标签加入<video muted></video> 静音即可。

Chrome 66为了避免标签产生随机噪音。

原文链接：https://blog.csdn.net/pan_xi_yi/article/details/103390504