UnityWebGL播放视频（PC端）_unity webgl远程加载视频

本人所用Unity版本2018.3.0。利用Unity自带的VideoPlayer实现WebGL端播放视频。文章末尾附带工程，可自行下载。

1.新建UI RawImage-----在Project视图下新建RenderTexture-----将RenderTexture拖入到RawImage的Texture中。

2.在RawImage上添加VideoPlayer组件----Source选择URL----RenderMode选择RenderTexture----将第一步新建的RenderTexture拖入到VideoPlayer组件的TargetTexture框中。整体场景如下：

3.新建TestVideoPlayer脚本挂载在上图的空物体PlayManager上-----将所要播放的视频放在StreamingAssets文件夹下----视频获取方式是URL(主要代码：video_Path = Application.streamingAssetsPath  + "/example.mp4"），整体脚本如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Video;
using UnityEngine.UI;
 
public class TestVideoPlayer : MonoBehaviour
{
    string video_Path = "";//视频路径
    public VideoPlayer videoplayer;//从场景中拖入挂载VideoPlayer组件的RawImage
    public Text text;//为了打印路径，可忽略。
    private void Awake()
    {
        video_Path = Application.streamingAssetsPath  + "/example.mp4";
        text.text = video_Path;
        videoplayer.url = video_Path;
    }
 
    public void StartPlay()
    {
        //开始或者继续播放
        videoplayer.Play();
    }
 
    public void PausePlay()
    {
        //暂停播放
        videoplayer.Pause();
    }
 
    public void StopPlay()
    {
        //停止播放
        videoplayer.Stop();
    }
 
}

场景如下：

场景中三个按钮分别绑定脚本的三个方法，具体如下:

打包WebGL后运行效果如下：

项目工程链接：

链接：https://pan.baidu.com/s/1Jdo7Js4nXKBXgkdZA-E9Gg
提取码：4cy3