Vue Html中插入本地视频(Video 标签)
在Vue中插入本地视频文件，可以使用<video>标签，并通过src属性指定视频文件的路径。如果视频文件位于项目的静态资源目录（如public或static目录），可以直接通过相对路径引用。
以下是一个简单的例子：
<template>
<div>
<video width="320" height="240" controls>
<source src="./static/my-video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</template>确保你的视频文件（如my-video.mp4）放置在Vue项目的静态资源目录下，例如public或static文件夹。在上面的例子中，controls属性添加了视频播放器的控制界面，包括播放、暂停和音量控制。
如果你使用的是Vue CLI创建的项目，通常静态资源应放在public文件夹中。如果你使用的是其他Vue项目模板或构建工具，请根据项目结构将视频文件放在合适的静态资源目录。
评论已关闭