HTML5 简单的视频播放器。我错过了什么?

HTML5 Simple Video Player. What did I miss?

首先我做了一个屏幕录制作为我想展示的视频。

然后我将视频上传到 VLC 以转换视频。

我制作了一个 MP4 和一个 OGG 的后备。

然后我将视频移至我的保管箱帐户,这样我就可以托管它们 there.I 右键单击​​并从保管箱中获取每个视频的 link。我正在尝试使用 links 作为视频标签中的 src。

<video width="400" controls>
  <source src="https://www.dropbox.com/s/m7emkfs994sgm5g/Untitled.m4v?dl=0" type="video/mp4">
  <source src="https://www.dropbox.com/s/9owwdbm8p0nz1f0/oggguntitled.ogg?dl=0" type="video/ogg">
</video>

虽然我告诉VLC把它转成MPV,但文件扩展名是m4v..是一样的吗?

视频只显示空白。没有收到任何错误 either.Not 确定我错过了什么。

下面帮我修好了。

我做了两处修改:

  • 将保管箱 link 末尾的 dl=0 更改为 dl=1。我相信这会使下载 link 而不是查看下载 link.

  • 的页面
  • 由于 OSX 上 chrome 中的错误,某些 mp4 文件将无法正确播放(某种图形加速问题),但它赢了' 回到 ogv。出于这个原因,我将 ogv 放在首位,因为它可以在 OSX-chrome 上运行,不支持它的平台 应该 回到mp4.

<video width="400" controls>

  <source src="https://www.dropbox.com/s/9owwdbm8p0nz1f0/oggguntitled.ogg?dl=1" type="video/ogg">
    <source src="https://www.dropbox.com/s/m7emkfs994sgm5g/Untitled.m4v?dl=1" type="video/mp4">
</video>