没有扩展名的 html 5 视频标签文件

发布于 2024-09-18 16:44:54 字数 489 浏览 3 评论 0原文

我有这个示例代码,它可以工作:

<video src="./ellen.ogv" width="320" height="240" type='video/ogg; codecs="theora, vorbis"' controls></video>

而这个则不起作用:

<video src="./ellen" width="320" height="240" type='video/ogg; codecs="theora, vorbis"' controls></video>

唯一的更改是文件名。第一个“指向”他的分机,第二个则没有。
这只是我的问题的一个简单视图,我想要流式传输的文件不能有扩展名,而是一个 theora/vorbis (ogv) 文件。

我该如何处理这个问题,即即使我的文件名没有“.extension”,视频标签也能正常工作?

I have this sample code, that works:

<video src="./ellen.ogv" width="320" height="240" type='video/ogg; codecs="theora, vorbis"' controls></video>

And this one that doesn't work:

<video src="./ellen" width="320" height="240" type='video/ogg; codecs="theora, vorbis"' controls></video>

The only change was on the name of the file. First one "point" his extension, second one does not.
This is just a simple view of my problem, where the file I want to stream CAN'T have extension, but is a theora/vorbis (ogv) file.

How can I deal with this problem, i.e., make video tag works even if my filename doesn't have a ".extension" ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

泛泛之交 2024-09-25 16:44:54

首先,视频标签上不允许使用 type 属性。将 type 属性放在 source 标记中,如下所示:

<video width="320" height="240" controls>
  <source src="./ellen" type='video/ogg; codecs="theora, vorbis"'>
</video>

其次,视频文件必须由 Web 服务器提供正确的 MIME 类型,即使您已指定source 元素中的 type 属性。确保您的网络服务器以 Content-Type: video/ogg 提供您的视频文件,无论它们是否具有 .ogv 扩展名。

First, the type attribute is not allowed on the video tag. Place the type attribute in a source tag instead, like this:

<video width="320" height="240" controls>
  <source src="./ellen" type='video/ogg; codecs="theora, vorbis"'>
</video>

Second, video files must be served with the proper MIME type by the web server, even when you have specified a type attribute in the source element. Make sure that your web server serves your video files with Content-Type: video/ogg regardless of whether they have the .ogv extension or not.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文