Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

のエラーが発生しました。

chromeのストリーミング配信(HLS)において自動再生がポリシーに違反するようだ。

対策として以下を挿入

<video id="video" autoplay muted class="video-js vjs-default-skin" width="640" height="360" controls>
<script type="text/javascript">
ただし音声が停止状態なのでスピーカーボタンを押すことになる
 
参考: