Phoenix集成MUX Data问题：Video.js播放后数据面板无播放量更新

我正尝试在Phoenix应用中集成Video.js的MUX监控功能，已完成MUX官方文档要求的全部配置，但播放视频后，MUX数据面板的播放量始终未更新。视频本身可以正常多次播放，但统计数据没有任何变化。

相关代码 #

my_app/assets/js/app.js #

import videojs from "../vendor/video.min"
import videomux from "../vendor/videojs-mux"

const hooks = {
    videojs,
    videomux
  }

hooks.PlayVideo = {
    mounted() {
        var player = videojs(this.el.id, {
            "autoplay": true,
            controlBar: {
                volumePanel: {
                  inline: false,
                  volumeControl: {
                    vertical: true
                  }
                }
              },
            plugins: {
              mux: {
                debug: false,
                data: {
                  env_key: 'development_env_key', // required
                  video_title: 'Testing video',
                  video_id: '123456'
                }
              }
            }
        });
        player.play();
    }
  }

my_app/live/components/video_component.ex #

<video autoplay id="video-player" phx-hook="PlayVideo"  width="100%" class="video-js vjs-default-skin" controls>
  <source src="https://sample.video/playlist.m3u8" type="application/x-mpegURL">
</video>

相关截图 #

内容的提问来源于stack exchange，提问作者bala15