mux 视频在动态渲染时不播放视频

Question

在我的代码中，我从 API 获取

this.autoplayMuxPlayback

并在运行此代码之前设置它。

my window.ENVIRONMENT 设置为

development

我正在尝试将

mux-video

插入

abcContainer

    const container = document.querySelector("#abcContainer")

    const autoplayVideo = document.createElement("mux-player")
    autoplayVideo.setAttribute("stream-type", "on-demand");
    autoplayVideo.setAttribute("playback-id", this.autoplayMuxPlayback);
    autoplayVideo.setAttribute("meta-data-video-title", "");
    autoplayVideo.setAttribute("meta-data-viewer-user-id", "");

    container.classList.add("autoplay-in-progress")
    container.appendChild(autoplayVideo)

    mux.init(this.autoplayMuxPlayback, {data: {player_software_name: "abc", player_software_version: "1.0",
      player_mux_plugin_name: "abc", player_mux_plugin_version: "1.0",
      env_key: window.ENVIRONMENT
    }});

发生的事情是

<mux-video>

标签被添加到 DOM：

但随后视频无法播放：