我无法在 Laravel PHP 和 HTML 中显示视频、音频和图像

Posted 2023-02-24

【中文标题】我无法在 Laravel PHP 和 HTML 中显示视频、音频和图像

【英文标题】：I can't display videos, audio and images in Laravel PHP and HTML

【发布时间】：2021-07-30 09:06:01

【问题描述】：

我正在学习在 php 上显示媒体。我使用以下代码在我的 Blade.php 文件中显示我的视频和音频，并在 XAMPP 的 Apache 服务器上运行它。它显示未加载的图像和未加载的视频。我还在我的 json 文件中安装了 laravelcollective/html 类。 这是我的代码：

<audio autoplay id="mainaudio">
   <source src="resources/views/Assets/kifflom_music.mp3">
</audio>

<video   controls>
   <source src="resources/views/Assets/video.mp4" type="video/ogg">.
</video>

以下是 Edge 和 Opera GX 显示的内容：

，虽然一年前，我在 Microsoft Edge 上的 HTML 文件中运行相同的代码，它确实显示了视频和音乐，但现在它什么也没显示。不知道是浏览器不支持and标签还是电脑缓存有问题。任何帮助表示赞赏。

【问题讨论】：

检查浏览器的控制台日志以查看错误并找出无法加载这些资源的原因。它可以是 404、403、5xx 等（在浏览器中按 F12 并检查 Console 和 Network 选项卡）

您确定文件路径正确吗？

resources/views 不是公开可用的文件夹。将文件移动到public 文件夹内的文件夹

@Aless55 是的，我通过右键单击文件并在 PHPStorm 中选择“复制路径”进行复制

【参考方案1】：

将您的视频和音频移动到公共目录中。

在 public/media 中创建一个目录。把你的媒体放在这里。

然后尝试以下面的方式链接它们。

<audio autoplay id="mainaudio">
   <source src="url('media/kifflom_music.mp3')">
</audio>

<video   controls>
   <source src="url('media/video.mp4')" type="video/ogg">.
</video>

【讨论】：

还是不行。还有什么办法吗？我已经被困了好几个小时了。它也不适用于普通的 HTML 文件。

您是否发现浏览器控制台有任何错误？

没有错误。浏览器可以显示文本，但不能显示媒体。既适用于我的 PHP 项目，也适用于 HTML 项目。越来越奇怪了。

你好。它终于奏效了。阻止媒体自动播放的是 Edge。