Bug: v8.1.0：Strange bug, video cannot be controlled

[li-yongyu]

Current Behavior

const video = await Assets.load({
      src: this.payload.url,
      data: {
          autoPlay: true, // 自动播放
          // preload: true,  // 预加载
          autoLoad: true, // 视频立即加载
          loop: true, // 是否循环
          muted: false,    // 是否静音
          // playsinline: true,   // 视频内嵌播放
      },
  });
const sprite = new Sprite(video);
sprite.width = this.info.width;
sprite.height = this.info.height;
app.stage.addChild(sprite);

Expected Behavior

The video plays automatically and in a loop with sound

Steps to Reproduce

Videos preloaded in advance through Assets.load cannot be control

await Assets.load({
                src: this.payload.url,
                data: {
                    autoPlay: true, // automatically play
                    preload: true, // preload
                    autoLoad: true, // Video loads immediately
                    loop: true, // Whether to loop
                    muted: false, // Whether to mute
                    // crossorigin: true,
                    // playsinline: true // Play as inline video, default value: true
                },
                loadParser: "loadVideo"
            });

If there is a set of urls in advance, loaded through Assets.load(urls), and then loaded through await Assets.load({...}), the video control will be found to be uncontrollable, unable to start looping and carry sound playback

Environment

• pixi.js version: v8.1.0
• Browser & Version: Chrome 124
• OS & Version: windows11

Possible Solution

Do not load the video in advance through Assets.load. Control the loading through await Assets.load() every time it is used.

Additional Information

The following is the demo written in pixi’s official demo site

import { Application, Assets, Graphics, Sprite } from 'pixi.js';

(async () =>
{
    // Create a new application
    const app = new Application();

    // Initialize the application
    await app.init({ resizeTo: window });

    // Append the application canvas to the document body
    document.body.appendChild(app.canvas);

    const urls = [
        'https://pixijs.com/assets/bunny.png',
        'https://pixijs.com/assets/video.mp4'
    ];
    Assets.load(urls);
    setTimeout(()=>{
        (async()=>{
            const texture =  await Assets.load({
                src: "https://pixijs.com/assets/video.mp4",
                data: {
                    resourceOptions: {
                        autoPlay: true, // 自动播放
                        preload: true,  // 预加载
                        autoLoad: true, // 视频立即加载
                        loop: true, // 是否循环
                        muted: false,    // 是否静音
                    },
                },
            });
            const videoSprite = new Sprite(texture);
            // Stretch to fill the whole screen
            videoSprite.width = app.screen.width;
            videoSprite.height = app.screen.height;
            app.stage.addChild(videoSprite);
        })();
    },5000);
})();