blocks|key|1791724|text|可以使用以下代码的：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1791725|<video+width="400"+controls+autoplay>
++++<source+src="D:/mov1.mov"+type="video/mp4">
</video>|code-block|syntax|javascript|1791726|此代码将对您有所帮助。|1791727|entityMap^0|9|1|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

You can use below code:

<pre><code>&lt;video width="400" controls autoplay&gt;
 &lt;source src="D:/mov1.mov" type="video/mp4"&gt;
&lt;/video&gt;
</code></pre>

this code will help you.

blocks|key|3902116|text|不使用<source>标签，而是使用<video>的<src>属性，如下所示，您将看到操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3902117|<video+width="320"+height="240"+src="mov1.mov"></video>|code-block|syntax|javascript|3902118|或|3902119|您可以在标签内指定多个标签，每个标签都有不同的视频源。浏览器将自动浏览列表，并选择它能够播放的第一个。例如：|3902120|<video+id="sampleMovie"+width="640"+height="360"+preload+controls>
++++<source+src="HTML5Sample_H264.mov"+/>
++++<source+src="HTML5Sample_Ogg.ogv"+/>
++++<source+src="HTML5Sample_WebM.webm"+/>
</video>|3902121|如果你在Chrome上测试这个代码，你会得到H.264视频。不过，在Firefox中运行它，你会在相同的位置看到Ogg视频。|3902122|entityMap^0|3|8|I|7|Q|5|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|15|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

Instead of using <code>&lt;source&gt;</code> tag, use <code>&lt;src&gt;</code> attribute of <code>&lt;video&gt;</code> as below and you will see the action.

<pre><code>&lt;video width="320" height="240" src="mov1.mov"&gt;&lt;/video&gt;
</code></pre>

or 

you can give multiple tags within the tag, each with a different video source. The browser will automatically go through the list and pick the first one it’s able to play. For example:

<pre><code>&lt;video id="sampleMovie" width="640" height="360" preload controls&gt;
 &lt;source src="HTML5Sample_H264.mov" /&gt;
 &lt;source src="HTML5Sample_Ogg.ogv" /&gt;
 &lt;source src="HTML5Sample_WebM.webm" /&gt;
&lt;/video&gt;
</code></pre>

If you test that code in Chrome, you’ll get the H.264 video. Run it in Firefox, though, and you’ll see the Ogg video in the same place.

blocks|key|5319449|text|遗憾的是，html5视频播放不支持.mov文件。您可以在此处查看支持的文件类型：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5319450|https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats|offset|length|5319451|如果您需要能够在您的html5视频播放器中播放这些格式，您需要首先转换您的视频文件--可能是这样的：|5319452|https://www.npmjs.com/package/html5-media-converter|5319453|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|21|0|0|0|0|1F|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|J|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|C]]|Q|$5|M|N|O|A|$P|I]]]]

Unfortunately .mov files are not supported with html5 video playback. You can see what filetypes are supported here: 

<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats</a>

If you need to be able to play these formats with your html5 video player, you'll need to first convert your videofile--perhaps with something like this:

<a href="https://www.npmjs.com/package/html5-media-converter" rel="noreferrer">https://www.npmjs.com/package/html5-media-converter</a>

blocks|key|1791688|text|MOV视频的内容类型在我的情况下是视频/quicktime。添加type="+video+/mp4“到MOV视频文件解决了我的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1791689|<video+width="400"+controls+Autoplay=autoplay>
++<source+src="D:/mov1.mov"+type="video/mp4">
</video>|code-block|syntax|javascript|1791690|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Content Type for MOV videos are video/quicktime in my case. Adding type="video/mp4" to MOV video file solved issue in my case.

<pre><code>&lt;video width="400" controls Autoplay=autoplay&gt;
 &lt;source src="D:/mov1.mov" type="video/mp4"&gt;
&lt;/video&gt;
</code></pre>

blocks|key|5319428|text|您可以使用Controls属性|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5319429|<video+id="sampleMovie"+src="HTML5Sample.mov"+controls></video>|code-block|syntax|javascript|5319430|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use Controls attribute

<pre><code>&lt;video id="sampleMovie" src="HTML5Sample.mov" controls&gt;&lt;/video&gt;
</code></pre>

blocks|key|1513924|text|我的新答案是使用ffmpeg来像ffmpeg+-i+sourceFile.mov+destinationFile.mp4一样对.mov进行代码转换。对webm格式执行相同的操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1513925|老答案:你要做的是：|1513926|使用火狐中的插件将视频上传到Youtube.|1513927|Install火狐|unordered-list-item|1513928|
|1513929|的"Complete+YouTube+Saver“插件，下载MP4和WEBM格式并将其放置在您的网络服务器上|1513930|1513931|按MDN's+recommendation|1513932|
将HTML5视频元素添加到您的网页|1513933|<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>|code-block|syntax|javascript|1513934|1513935|样式带有CSS的<video>元素，以满足您的需要。例如，使用Materializecss+has+a+simple+helper+class可以在不同的设备类型之间很好地呈现视频。|ordered-list-item|1513936|1513937|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats|1|http://materializecss.com/media-css.html^0|G|18|1R|4|0|0|0|0|0|0|0|1|K|0|0|0|0|0|8|7|V|14|1|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1K|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1L|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1M|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1N|8|@]|D|@]|E|$]]|$1|O|3|P|5|L|7|1O|8|@]|D|@]|E|$]]|$1|Q|3|N|5|6|7|1P|8|@]|D|@]|E|$]]|$1|R|3|S|5|L|7|1Q|8|@]|D|@$9|1R|A|1S|1|1T]]|E|$]]|$1|T|3|U|5|6|7|1U|8|@]|D|@]|E|$]]|$1|V|3|W|5|X|7|1V|8|@]|D|@]|E|$Y|Z]]|$1|10|3|-4|5|6|7|1W|8|@]|D|@]|E|$]]|$1|11|3|12|5|13|7|1X|8|@$9|1Y|A|1Z|B|C]]|D|@$9|20|A|21|1|22]]|E|$]]|$1|14|3|-4|5|6|7|23|8|@]|D|@]|E|$]]|$1|15|3|-4|5|6|7|24|8|@]|D|@]|E|$]]]|16|$17|$5|18|19|1A|E|$1B|1C]]|1D|$5|18|19|1A|E|$1B|1E]]]]

My new answer is to use ffmpeg to transcode the <code>.mov</code> like <code>ffmpeg -i sourceFile.mov destinationFile.mp4</code>. Do same for the webm format.

OLD Answer:
Here's what you do: 

<ol>
<li>Upload your video to Youtube.</li>
<li>Install the "Complete YouTube Saver" plugin for Firefox</li>
<li>Using the plugin in Firefox, download both the MP4 and WEBM formats and place them on your Web server</li>
<li>Add the HTML5 Video element to your webpage per <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats" rel="nofollow noreferrer">MDN's recommendation</a></li>
</ol>

<pre><code>&lt;video controls&gt;
 &lt;source src="somevideo.webm" type="video/webm"&gt;
 &lt;source src="somevideo.mp4" type="video/mp4"&gt;
 I'm sorry; your browser doesn't support HTML5 video in WebM with VP8/VP9 or MP4 with H.264.
 &lt;!-- You can embed a Flash player here, to play your mp4 video in older browsers --&gt;
&lt;/video&gt;
</code></pre>

<ol start="5">
<li>Style the <code>&lt;video&gt;</code> element with CSS to suit your needs. For example <a href="http://materializecss.com/media-css.html" rel="nofollow noreferrer">Materializecss has a simple helper class</a> to render the video nicely across device types.</li>
</ol>

blocks|key|3902257|text|在视频源中将类型更改为"+video+/quicktime“|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3902258|<video+width="400"+controls+Autoplay=autoplay>
++<source+src="D:/mov1.mov"+type="video/quicktime">
</video>|code-block|syntax|javascript|3902259|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

in the video source change the type to "video/quicktime"

<pre><code>&lt;video width="400" controls Autoplay=autoplay&gt;
 &lt;source src="D:/mov1.mov" type="video/quicktime"&gt;
&lt;/video&gt;
</code></pre>

I want to play .mov video like as this, but video doesn't play in any browser.

<pre><code>&lt;video width="400" controls Autoplay=autoplay&gt;
 &lt;source src="D:/mov1.mov" type="video/mov"&gt;
&lt;/video&gt;
</code></pre>

How to open .mov format video in HTML video Tag?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我想像这样播放.mov视频，但视频不能在任何浏览器中播放。<video width="400" controls Autoplay=autoplay> <source src="D:/mov1.mov" type="video/mov"></video>

问如何在HTML video Tag中打开.mov格式的视频？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML video Tag中打开.mov格式的视频？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML video Tag中打开.mov格式的视频？
EN