web三件套(经验贴)Google里,video标签播放mkv视频文件

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浏览器在184月起,就在桌面浏览器全面禁止了音视频的自动播放功能。不光是这样,
在页面加载完毕的情况下,用户没有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> 标签之间放置文本内容,这样不支持 元素的浏览器就可以显示出该标签的信息。
    在这里插入图片描述
  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
video标签是一种HTML5的元素,用于在网页播放视频。然而,video标签并不支持苹果.mov格式视频文件。如果页面上既有.mp4格式又有.mov格式视频文件,只能通过使用插件来实现播放.mov格式视频文件。在这种情况下,用户可以使用视频下载工具来下载.mov视频文件,或者在新标签页中打开视频文件进行播放视频下载工具通常允许用户下载各种不同格式视频文件,包括.mov格式及其他诸如3g2、3gp、avi、mkv格式。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [chrome-video-downloader:Chrome扩展程序,可下载在当前标签页中找到的视频](https://download.csdn.net/download/weixin_42138780/18626063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [jQuery及video标签视频播放弹窗插件支持mp4,mov等格式详解(图文)](https://blog.csdn.net/weixin_31754149/article/details/117882567)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

雨夜※繁华

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值