Html5视频无法使用Chrome-Java 学习之路

这是我的第一个问题，我仍然是业余开发人员，仍处于学习阶段 . 我的一个朋友给我发了一个.mp4文件，我把它转换成了同一个文件夹中的.webm文件 . 目前我的HTML有这个：

<video width="1920" height="1080" controls autoplay id="video-background"> 
	<source src="/img/reel.mp4" type="video/mp4">
	<source src="/img/reel.webm" type="video/webm">
	Sorry, your browser doesn't support HTML5 video.
</video>

视频根本没有显示，只显示控件 . 我甚至没有得到“抱歉，您的浏览器不支持HTML5视频” . 没有控制 . 只是一个视频应该在哪里的空白点 .

我不是在服务器或任何东西上托管视频 . 它是一个大约88mb的本地文件 . 它只有一分钟的视频意味着在后台循环 . 我可以从播放链接获取视频，但不能获取本地.mp4 / .webm文件 . 我检查了youtube，stackoverflow，并搜索了很多 . 真的需要一些帮助 .

是的，我也试过.ogv但它仍然没有用 . 我已经检查了文件路径三倍，并检查了视频的编码并仔细检查了格式 . 一切似乎都应该是好的，但它只是不起作用 .

我没有写出本节的CSS，只是想让我的本地文件视频播放 . 我做错了什么，我该如何解决？

2 回答

如果 img 文件夹位于HTML所在的同一文件夹中 . 你应该删除第一个斜杠 . 试试这个：

<video width="1920" height="1080" controls autoplay id="video-background"> 
    <source src="img/reel.mp4" type="video/mp4">
    <source src="img/reel.webm" type="video/webm">
    Sorry, your browser doesn't support HTML5 video.
</video>

希望能帮助到你！

回复于 2024-04-27T23:54:52+08:00

尝试通过添加preload =“auto”标记来修复它 .

<video autoplay loop preload="auto" poster="img.png">
    <source src="/img/reel.mp4" type="video/mp4">
    <source src="/img/reel.webm" type="video/webm">
    Sorry, your browser doesn't support HTML5 video.
</video>

我不知道这是否适合你，也许这将有助于将来的某个人！

回复于 2024-04-27T23:54:52+08:00

Html5视频无法使用Chrome

2 回答

相关问题