JS多种视频播放在Discuz中的实现代码

在 Discuz 平台中，实现 多种视频播放 的功能可以使用以下代码。该代码支持 JavaScript 播放多种视频格式，适用于不同的用户需求。

示例代码

[removed]
    function loadVideoPlayer(url, type) {
        let playerHtml = '';

        if (type === 'mp4') {
            playerHtml = `<video controls></video>`;
        } else if (type === 'youtube') {
            playerHtml = `<iframe width="560" height="315" src="${url}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>`;
        } else if (type === 'vimeo') {
            playerHtml = `<iframe src="${url}" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>`;
        }

        document.getElementById('video-player')[removed] = playerHtml;
    }

    // 示例调用
    loadVideoPlayer('https://example.com/video.mp4', 'mp4');
[removed]

使用说明

• loadVideoPlayer(url, type)：这是一个通用函数，用于加载视频播放功能。根据不同 type 参数（如 mp4, youtube, vimeo）加载不同类型的视频。
• HTML结构：通过
  作为播放器的容器，JavaScript 会根据视频类型自动嵌入不同的播放器代码。

适用场景

• mp4视频：适合本地视频文件播放。
• YouTube & Vimeo 视频：适用于第三方平台视频链接。

该方法灵活且易于扩展，用户可以根据需要扩展 type 参数支持更多平台。