这里视频ui是完整项目的一部分，理论上也可以用于单独的视频部分

下面内容是按照我的项目所描述的，你在自己使用的时候可以根据情况自行修改

因为是从整个项目里搬下来的所以可能会有一些阅读困难

不要直接照搬，我的文件结构跟你的不一样，需要自己适配

左侧目录跳转，最后有完整代码

场景搭建

一张图简述：

uimain.cs挂在canvas上，modelmain.cs挂在模型的父物体上

一个长方体（图片中ground）用来承载视频

一个worldspace的canvas

canvas上新建一个rawimage（图片中videoplayer），尽量贴着长方体放，但是留一点间距

视频

（站里已经有很多人做过了，这里还是写一份吧）

新建一个rendertexture，设置一下宽和高（1920*1080一般）

然后在rawimage上添加一个videoplayer组件

把你的mp4文件拖到videoplayer的vidoeclip

把rendertexture拖到rawimage的texture和videoplayer的targettexture

点一下运行，你的rawimage就应该已经在播放了

滑动条

（这个站内也有，简单讲讲）

代码：

SliderControl.cs 挂在slider上

using UnityEngine;
using UnityEngine.EventSystems;
public class SliderControl : MonoBehaviour, IDragHandler, IEndDragHandler, IBeginDragHandler
{
    public UImain uimain;
    //是否拖拽进度条(滑动条)
    public bool isDragMove;
    public void OnDrag(PointerEventData eventData)
    {

        isDragMove = true;

    }

    public void OnEndDrag(PointerEventData eventData)
    {uimain.MoveSlider();
        isDragMove = false;

    }

    public void OnBeginDrag(PointerEventData eventData)
    {
        isDragMove = true;
    }
}

uimain.cs中的 MoveSlider()；其中pptplayer是你的videoplayer所在的物体

 pptslider = pptPlayer.transform.GetChild(1).GetChild(0).GetComponent<Slider>();
public void MoveSlider()
    {

        pptvideo.time = pptvideo.length * pptslider.value;

    }

就这些，至于滑动条的效果，贴图什么的就是自己发挥的地方了

我做成了类似b站的效果

底部按钮（快进，暂停，快退）

直接整仨button，这里我偷懒直接用的text没重新画材质，最后效果是这样的

代码

public void Backward()
    {
        pptvideo.time -= 5.0;
        pptPlayer.transform.GetChild(2).GetChild(0).GetComponent<Text>().text = "快退5秒";
        pptPlayer.transform.GetChild(2).gameObject.SetActive(true);
        PlayPPT();
        Invoke("CloseTip", 0.5f);
    }
    public void FastForward()
    {
        pptvideo.time += 5.0;
        pptPlayer.transform.GetChild(2).GetChild(0).GetComponent<Text>().text = "快进5秒";
        pptPlayer.transform.GetChild(2).gameObject.SetActive(true);
        PlayPPT();
        Invoke("CloseTip", 0.5f);
    }
public void PausePPT()
    {

        isPause = true;
        pptPlayer.GetComponent<VideoPlayer>().Pause();
        pptPlayer.transform.GetChild(0).gameObject.SetActive(true);


    }

说明

其中backward是快退5s，fastforward是快进5s，

pauseppt是暂停，ispause是个bool，存在是因为我有点一次暂停再点继续的需求

名字都是随便取的毕竟我这里只是练手的项目

这三个函数直接挂在三个button的onclick上，就是最下面那个

 pptPlayer.transform.GetChild(2).GetChild(0).GetComponent<Text>().text = "快进5秒";

这个是一个提示，点快进快退会弹一个小image，然后显示后面的内容

声音

没做完，在研究

倍速

这里是5个倍速（0.5，1，1.25，1.5，2，可以更多，自己加就是了）

对于xspeed：

添加一个event trigger

对于title（对，title也有操作）：

对于content：

其中vertical layout group是为了自动对齐

代码

uimain.cs（脚本挂在canvas上）

bool isHover=false;
void Update()
    {
        if (!isHover)
        {
            GameObject.Find("xspeed").transform.GetChild(1).gameObject.SetActive(false);
            isHover = true;
        }

    }
public void ChangeSpeed(float speed)
    {
        this.speed = speed;
        GameObject.Find("xspeed").transform.GetChild(1).gameObject.SetActive(false);//更换倍速之后关掉这个部分
        PlayPPT();//暂停部分的bug 的补丁
    }
public void ChangeClose()
    {
        isHover = false;
    }
public void ShowXSpeedUI()
    {
        GameObject.Find("xspeed").transform.GetChild(1).gameObject.SetActive(true);
        isHover = true;
    }

说明

效果：

当鼠标进入title的范围中时触发ShowXSpeedUI，将content激活

此时当鼠标在xspeed的范围中时content不会失活，还可以点击倍速进行切换，当前倍速为蓝色，点击之后content失活

时间

新建一个text即可

代码

public void MatchTime()
    {
        int curm = (int)pptvideo.time / 60;
        int curs = (int)pptvideo.time % 60;
        timeText.text = $"{curm:D2}:{curs:D2}/{(int)pptvideo.length / 60:D2}:{(int)pptvideo.length % 60:D2}";
    }

timetext就是新建的那个text，拿到其中的text组件，然后在update里一直调用就好了

暂停

这个暂停值得我单开一小节

我想实现的效果类似常规播放器（或者说b站那种效果）

鼠标出现在屏幕中时下方ui出现，点击上方无ui空白区域暂停视频，点击有ui的区域无效

这个东西还挺不好弄的，直接用pointerclick会按任何鼠标键都生效，也不会区分有无ui

所以我最后想到的办法是——用ray

ray是不能识别到ui元素的，所以需要在ui和ground之间加一层实体，我是把ground复制了一份（称为clickposition）然后将scale的z调成0，再把meshrender删掉，这样它就没有厚度也没有材质，但确实能被ray检测到

代码

 ClickToPauseTheScreen.cs 进阶效果的，可以不要，会有一些bug，没找到解决办法就只能打补丁了，挂在rawimage上

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class ClickToPauseTheScreen : EventTrigger
{
    private UImain uimain;
    public GameObject clickposition;

    void Start()
    {
        uimain = GameObject.FindObjectOfType<UImain>();
        clickposition = GameObject.Find("clickposition");
    }


    public override void OnPointerEnter(PointerEventData eventData)
    {
        uimain.ShowPPTUI();
        base.OnPointerEnter(eventData);
    }
    public override void OnPointerExit(PointerEventData eventData)
    {
        uimain.ClosePPTUI();
        base.OnPointerExit(eventData);
    }
}

另一部分写在关于人物控制的地方，我这里省事就直接控制的摄像机

写一个脚本挂在摄像机上，在update函数里这样写

 Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition);
        RaycastHit hit;
        if (Physics.Raycast(ray, out hit))
        {
            if (Input.GetMouseButtonDown(0))
            {
                if (hit.collider.CompareTag("clicktopause"))
                {
                    uimain.PausePPT();
                }
                
            }
        }

可以为clickposition添加一个同名tag，或者你直接name==也行

代价是当操作倍速的时候也会被视为点到暂停，需要在倍速那里加播放

完整代码

做完发