首页要在Unity WebGL项目中播放视频，你需要使用HTML5标签，例如<video>标签。以不同的按钮播放多个视频，每个按钮对应一个视频的代码

要在Unity WebGL项目中播放视频，你需要使用HTML5标签，例如<video>标签。以不同的按钮播放多个视频，每个按钮对应一个视频的代码

时间: 2024-03-06 22:46:23 浏览: 226

你可以使用Unity的WebGL插件来在WebGL项目中嵌入HTML5标签。以下是一个示例代码，它将在页面上创建多个按钮，每个按钮对应一个视频，并在按下按钮时播放相应的视频： ```html <!DOCTYPE html> <html> <head> <title>Unity WebGL Video Player</title> <script src="Build/UnityLoader.js"></script> <style> button { margin: 5px; padding: 10px; font-size: 20px; } </style> </head> <body> <div id="unity-container" style="width: 960px; height: 600px"></div> <div id="video-container"></div> <script> var unityInstance = UnityLoader.instantiate("unity-container", "Build/UnityWebGL.json"); // Define video URLs var videos = [ { button: "Video 1", url: "video1.mp4" }, { button: "Video 2", url: "video2.mp4" }, { button: "Video 3", url: "video3.mp4" } ]; // Create video buttons var videoContainer = document.getElementById("video-container"); videos.forEach(function(video) { var button = document.createElement("button"); button.innerHTML = video.button; button.onclick = function() { var videoPlayer = document.createElement("video"); videoPlayer.src = video.url; videoPlayer.controls = true; videoContainer.appendChild(videoPlayer); }; videoContainer.appendChild(button); }); </script> </body> </html> ``` 在这个示例中，我们首先在页面上创建了一个Unity WebGL容器，然后定义了一组视频URL。接下来，我们在页面上创建了一个按钮数组，每个按钮对应一个视频。在按钮点击事件中，我们创建了一个HTML5 <video>标签，并将相应的视频URL分配给其src属性。最后，我们将视频标签添加到一个称为“video-container”的DIV元素中，以便它们可见。

阅读全文