Question

我想像这样播放.mov视频，但视频无法在任何浏览器中播放。

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/mov">
</video>

Answer 1

您可以使用以下代码：

<video width="400" controls autoplay>
    <source src="D:/mov1.mov" type="video/mp4">
</video>

此代码可以帮助您。

Answer 2

不使用<source>代码，而是使用<src>的{{1}}属性，如下所示，您将看到该操作。

<video>

或

您可以在标记内提供多个标记，每个标记都有不同的视频源。浏览器将自动浏览列表并选择能够播放的第一个列表。例如：

<video width="320" height="240" src="mov1.mov"></video>

如果您在Chrome中测试该代码，您将获得H.264视频。不过在Firefox中运行它，你会在同一个地方看到Ogg视频。

Answer 3

MOV视频的内容类型在我的情况下是视频/快速时间。添加type =＆＃34; video / mp4＆＃34; MOV视频文件解决了我的问题。

select qtk.quotationnumber
,      qtk.versionnumber
,      qtk.quotationdate
,      qtk.orderaccountcode
,      acc.name
,      acc.addressline1
,      acc.postcode
,      acc.city
,      acc.countryname
,      acc.phone
,      acc.fax
,      acc.vatnumber
,      itm.code
,      qtl.itemdescription
,      qtl.notes
,      qtl.quantity
,      qtl.netprice
,      qtl.amountdc
,      qtl.vatpercentage*100
from   exactonlinerest..Quotations Qtk
left 
outer 
join   exactonlinerest..Accounts Acc
on     acc.id = qtk.orderaccount
left 
outer 
join   exactonlinerest..QuotationLines Qtl
on     qtl.quotationid = qtk.quotationid
and    qtl.quotationnumber = $P{P_OFFERTE}
and    qtl.versionnumber = $P{P_VERSIE}
left 
outer 
join   exactonlinerest..Items Itm
on     itm.id = qtl.item
where  qtk.status = 40
and    qtk.quotationnumber = $P{P_OFFERTE} 
and    qtk.versionnumber = $P{P_VERSIE}

Answer 4

不幸的是.html5视频播放不支持.mov文件。您可以在此处查看支持的文件类型：

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

如果您需要能够使用html5视频播放器播放这些格式，则需要首先转换视频文件 - 可能使用以下内容：

https://www.npmjs.com/package/html5-media-converter

Answer 5

在视频源中将类型更改为“视频/快速时间”

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/quicktime">
</video>

Answer 6

您可以使用控件属性

<video id="sampleMovie" src="HTML5Sample.mov" controls></video>

Answer 7

我的新答案是使用ffmpeg对.mov进行转码，例如ffmpeg -i sourceFile.mov destinationFile.mp4。对webm格式也一样。

OLD答案：这是你做的：

将您的视频上传到Youtube。
安装适用于Firefox的“完整YouTube保护程序”插件
在Firefox中使用插件，下载MP4和WEBM格式并将它们放在Web服务器上
根据MDN's recommendation将HTML5视频元素添加到您的网页 <video controls> <source src="somevideo.webm" type="video/webm"> <source src="somevideo.mp4" type="video/mp4"> I'm sorry; your browser doesn't support HTML5 video in WebM with VP8/VP9 or MP4 with H.264.  </video>
使用CSS设置<video>元素的样式以满足您的需求。例如Materializecss has a simple helper class可以很好地跨设备类型呈现视频。

如何在HTML视频标签中打开.mov格式的视频？

7 个答案: