Unity基于VideoPlayer组件发布WebGL播放视频【可播放暂停，有滑动条，脚本贴出】

首先搭建UI

 组件绑定情况：

 视频放在StreamingAssets文件夹下：

最后脚本绑定：

 FirstFrameImage在视频暂停是显示播放时隐藏，可以做成透明遮罩

Length是视频长度，把分钟转化成秒

 最后上脚本：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Video;
using UnityEngine.Events;
using UnityEngine.EventSystems;
using UnityEngine.UI;

public class VideoController : MonoBehaviour
{
    //视频名称
    public string videoName;
    //videoImage组件
    public GameObject VideoImage;
    //进度条组件
    public GameObject SliderController;
    //AudioSource组件
    public AudioSource audioSource;
    //播放按钮
    public GameObject PlayBtn;
    //暂停按钮
    public GameObject PauseBtn;
    //public GameObject CenterPlayBtn;
    //视频纹理
    public RenderTexture renderTexture;
    //视频第一帧
    public GameObject FirstFrameImage;
    //视频时长
    public float Length;
    //
    private bool isDrag = false;

    // Use this for initialization
    private void Awake()
    {
        InitVideo(renderTexture);
    }
    void Start()
    {
        #region 注册事件
        PlayBtn.GetComponent().onClick.AddListener(PlayVideo);
        //CenterPlayBtn.GetComponent().onClick.AddListener(PlayVideo);
        PauseBtn.GetComponent().onClick.AddListener(PauseVideo);
        AddTriggersListener(SliderController, EventTriggerType.BeginDrag, OnBeginDrag);
        AddTriggersListener(SliderController, EventTriggerType.EndDrag, OnEndDrag);

//改成鼠标按下抬起后效果好点
        //AddTriggersListener(SliderController, EventTriggerType.PointerDown, OnPointerDown);
        //AddTriggersListener(SliderController, EventTriggerType.PointerUp, OnPointerUp);
        #endregion

    }

    //private void OnPointerDown(BaseEventData enenvt)
    //{
    //    IsDrag = true;
    //}
    //void OnPointerUp(BaseEventData enenvt)
    //{
    //    IsDrag = false;
    //    videoPlayer1.time = SliderController1.GetComponent().value;
    //}


    // Update is called once per frame
    void Update()
    {
        ChangeSliderValue();
        ChangeVideoPlayTime();
        //Debug.Log("Isdrag" + isDrag);
        if (!gameObject.GetComponentInChildren().isPlaying)
        {
            PauseVideo();
        }
    }
    /// 

    /// 初始化视频控制器
    /// 
    public void InitVideoController()
    {
        PlayBtn.SetActive(true);
        //CenterPlayBtn.SetActive(true);
        PauseBtn.SetActive(false);
        PauseVideo();
    }
    /// 

    /// 初始化videoplayer
    /// 
    public void InitVideo(RenderTexture renderTexture)
    {
        DestroyImmediate(gameObject.transform.Find("VideoImage").gameObject.GetComponent());
        gameObject.transform.Find("VideoImage").gameObject.AddComponent();
        VideoPlayer videoPlayer = gameObject.GetComponentInChildren();
        videoPlayer.source = VideoSource.Url;
        videoPlayer.renderMode = VideoRenderMode.RenderTexture;
        videoPlayer.playOnAwake = false;
        videoPlayer.targetTexture = renderTexture;

        //适配平台
        if (Application.platform == RuntimePlatform.WebGLPlayer)
        {
            videoPlayer.url = Application.dataPath + "/StreamingAssets/Video/" + videoName + ".mp4";//实测可播放mp4格式视频
        }
        else if (Application.platform == RuntimePlatform.WindowsPlayer || Application.platform == RuntimePlatform.WindowsEditor)
        {
            videoPlayer.url = Application.dataPath + "/StreamingAssets/Video/" + videoName + ".mp4";
        }

        //videoPlayer.audioOutputMode = VideoAudioOutputMode.AudioSource;
        videoPlayer.Prepare();
        //设置slider 长度
        SliderController.GetComponent().maxValue = Length;
        if (FirstFrameImage != null)
        {
            FirstFrameImage.SetActive(true);
        }

        PauseVideo();
    }
    /// 

    /// 播放
    /// 
    private void PlayVideo()
    {
        gameObject.GetComponentInChildren().Play();
        audioSource.mute = false;
        PlayBtn.SetActive(false);
        //CenterPlayBtn.SetActive(false);
        PauseBtn.SetActive(true);
        if (FirstFrameImage != null)
        {
            FirstFrameImage.SetActive(false);
        }

    }
    /// 

    /// 暂停
    /// 
    public void PauseVideo()
    {
        gameObject.GetComponentInChildren().Pause();
        audioSource.mute = true;
        PlayBtn.SetActive(true);
        //CenterPlayBtn.SetActive(true);
        PauseBtn.SetActive(false);
        FirstFrameImage.SetActive(true);
    }

    /// 

    /// 修改视频播放进度
    /// 
    private void ChangeVideoPlayTime()
    {
        if (isDrag == true)
        {
            gameObject.transform.Find("VideoImage").gameObject.GetComponent().time = SliderController.GetComponent().value;
        }
    }
    /// 

    /// 修改进度条
    /// 
    private void ChangeSliderValue()
    {
        if (!isDrag)
        {
            SliderController.GetComponent().value = (float)gameObject.transform.Find("VideoImage").gameObject.GetComponent().time;
        }
    }
    /// 

    /// 开始拖拽
    /// 
    /// 
    private void OnBeginDrag(BaseEventData enenvt)
    {
        isDrag = true;
    }
    /// 

    /// 结束拖拽
    /// 
    /// 
    private void OnEndDrag(BaseEventData enenvt)
    {
        isDrag = false;
        gameObject.transform.Find("VideoImage").gameObject.GetComponent().time = SliderController.GetComponent().value;
    }


    /// 

    /// 为obj添加Eventrigger监听事件
    /// 
    /// 添加监听的对象
    /// 添加的监听类型
    /// 触发的函数
    private void AddTriggersListener(GameObject obj, EventTriggerType eventType, UnityAction action)
    {
        //首先判断对象是否已经有EventTrigger组件，若没有那么需要添加
        EventTrigger trigger = obj.GetComponent();
        if (trigger == null)
        {
            trigger = obj.AddComponent();
        }
        //实例化delegates
        if (trigger.triggers.Count == 0)
        {
            trigger.triggers = new List();//  
        }
        //定义所要绑定的事件类型 
        EventTrigger.Entry entry = new EventTrigger.Entry();
        //设置事件类型  
        entry.eventID = eventType;
        //定义回调函数  
        UnityAction callback = new UnityAction(action);
        //设置回调函数  
        entry.callback.AddListener(callback);
        //添加事件触发记录到GameObject的事件触发组件  
        trigger.triggers.Add(entry);
    }
}

需要测试工程的可参考这篇文章：

Unity发布WebGL播放视频【免插件，可快进后退，复制脚本即可使用】_3D菜鸟张三的博客-CSDN博客