如何在HTML页面中播放视频

2023-12-20

我正在尝试在 HTML 页面上播放 mp4 视频,我搜索了网络并发现在 HTML5 中我可以使用video像下面这样的标签

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
</video>

我面临的问题

  • 我的主要问题是我的视频存储在本地计算机的某个位置,那么我如何从该路径调用它
  • 在我的系统中它位于D drive所以我想从那里打电话
  • 我对此很陌生,所以我不知道我是否以正确的方式这样做;我的方法正确吗?
  • 我的要求是在我的网页上自动播放视频

我正在这样做

<video width="320" height="240" autoplay>
  <source src="D:\Video\samplevideo.mp4" type="video/mp4">
</video>

D:\Video\samplevideo.mp4是我的文件的路径samplevideo.mp4是视频的名称

在 Chrome 上它显示错误Not allowed to load local resource: file:///D:/Video/samplevideo.mp4

在火狐浏览器上All candidate resources failed to load. Media load paused.

Edit

我的主要重点是在网页上播放视频。

加载页面时,我需要在网络(HTML 页面)上播放视频 我的系统中有该视频D:\Video\samplevideo.mp4这条路径,如何在页面加载时播放该视频。


试试这个代码

 <video muted autoplay loop class="video video js-video" id="hero-vid" poster="video/desktop-screen-banner.png">
    <source src="video/movie.webm" type="video/webm">
    <source src="video/movie.mp4" type="video/mp4">
    <source src="video/movie.ogg" type="video/ogg">
</video>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在HTML页面中播放视频 的相关文章