video标签播放mkv视频文件

第一次：

<embed src="咏春.mkv" hidden="no"  loop="true" Repeat="true" playcount="true" autostart="autoplay">

不行，该标签是用谷歌打开的话，会将视频下载。。。

第二次：

 <video  width="320" height="240" controls>
                <source src="咏春.mkv" type="video/mkv">
                <source src="movie.ogg" type="video/ogg">
                您的浏览器不支持 video 标签。//播放失败则显示
            </video>

一直转圈圈。播放不了。
在这里插入图片描述

第三次

<video src="咏春.mkv"></video>

在这里插入图片描述
出现一个封面，但是无法播放。原因是没有加上controls属性。

第四次成功

需要在video里面添加src=“文件"

 <video src="咏春.mkv" width="320" height="240" controls>
                <source src="咏春.mkv" type="video/mkv">
                <source src="movie.ogg" type="video/ogg">
                您的浏览器不支持 video 标签。//播放失败则显示
            </video>

在这里插入图片描述

小结一下关于视频的标签：

bgsound是用来播放背景音乐的标签，但是过时了。很多浏览器都不支持自动播放，该标签不推荐使用了。

<bgsound src=""> </bgsound>
&lt;!&ndash;该特性是非标准的，请尽量不要在生产环境中使用它！&ndash;&gt;-->
<!--不要使用它!想要在网页中嵌入音频，应当使用<audio>.-->

audio 标签是 HTML 5 的新标签。<audio> 标签定义声音，比如音乐或其他音频流。controls :如果出现该属性，则向用户显示控件，比如播放按钮。
目前，<audio>元素支持的3种文件格式：MP3、Wav、Ogg。

<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>
<!-- <audio> src="李清照艺术系列_风之琳.mp3" id="audio1" hidden="false" autoplay="autoplay" loop="true" controls >
&lt;!&ndash;autoplay属性在chrome中无效）chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。不光是这样，
在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，使用js直接调用.play() 方法的话，chrome都会抛出如下错误：&ndash;&gt;

</audio>-->

embed标签所有主流浏览器都支持 <embed> 标签。
现在已经不建议使用<embed> 标签了，可以使用 <img>、<iframe>、<video>、<audio> 等标签代替。

嵌入图片：
<embed type="image/jpg" src="https://static.runoob.com/images/runoob-logo.png" width="258" height="39">

嵌入 HTML 页面：
<embed type="text/html" src="snippet.html" width="500" height="200">
嵌入视频：
<embed type="video/webm" src="video.mp4" width="400" height="300">

<video> 标签定义视频，比如电影片段或其他视频流。<video> 标签是 HTML 5 的新标签。可以在<video> 和</video> 标签之间放置文本内容，这样不支持元素的浏览器就可以显示出该标签的信息。

web三件套（经验贴）Google里，video标签播放mkv视频文件

video标签播放mkv视频文件

第一次：

第二次：

第三次

第四次成功

猜你喜欢