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

时间:2016-07-25 22:35:30

标签: html5 video html5-video

首先,我将屏幕录制作为我想要显示的视频。

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

我为OGG做了一个MP4和一个后备。

然后我将视频移动到我的Dropbox帐户,以便我可以在那里托管它们。我右键单击并从Dropbox获取每个视频的链接。我正在尝试将链接用作视频标记中的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 ..这是一回事吗?

视频显示空白。也没有任何错误。不确定我错过了什么。

1 个答案:

答案 0 :(得分:1)

以下为我修好了。

我做了两处修改:

  • 将您的保管箱链接末尾的dl=0更改为dl=1。我相信这使它成为下载链接而不是查看下载链接的页面。

  • 由于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>