三种视频播放标签（video，embed，iframe）-------笔记

9月前作者：摩羯柚子分类：Toy博客阅读(42) 违法举报

这篇具有很好参考价值的文章主要介绍了三种视频播放标签（video，embed，iframe）-------笔记。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.video：可以兼容移动端和pc段

支持格式：

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

语法：

<video width="10" height="10" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
</vide>

2.embed：用于flash文件或者在使用video标签不成功的情况下使用，不兼容移动端，只支持pc端

语法：

<embed type="video/webm" src="video.mp4" width="10" height="10">

3.iframe: 引入的视频是其他网址时，需要在本页面播放

语法：文章来源地址https://www.toymoban.com/news/detail-529272.html

  <iframe src="URL">

到了这里，关于三种视频播放标签（video，embed，iframe）-------笔记的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

关于使用video标签插入视频时，视频无法播放的问题

写代码遇到一个问题：使用video标签插入视频时，在chrome中无法播放，只显示了一个封面图片，在ie却可以播放。 video的使用是看别人的：由于照搬别人的代码，我写的代码如下：然后出现问题：只有个封面，不能播放视频解决过程： ❌我以为是浏览器兼容问题，查资料发

2024年02月11日
浏览(85)
解决video标签无法播放avi格式的视频

错误代码正确代码在video标签中不要加src属性，必须在video标签内加source标签，兼容不同浏览器解码支持。

2024年02月13日
浏览(56)
video标签自动播放音视频并绘制波形图

html中的video标签可以用来播放常见的音视频格式，支持的格式包括:MP3、Ogg、WAV、AAC、MP4、WebM、AVI等，当然支持的格式也和浏览器和操作系统有关。这里以一个可以自动播放音视频并绘制波形图的页面为例说明一下video标签的用法。 video标签想自动播放，需要设置三个可选属性

2024年02月09日
浏览(55)
苹果safari浏览器播放不了video标签视频

今天遇到了个神奇的问题，视频文件在pc端和安卓手机上播放都没问题，但是在ios上就是播放不了，大概代码如下：前端代码：后端代码： PC端没任何问题： IOS端播放不了：在网上搜索了很多办法，有加前端参数配置的：有改后端多次发送请求，分段获取数据流的：经过

2024年02月16日
浏览(85)
实现html页面插入视频的自动播放、视频播放结束后的事件触发（video标签）

要实现自动播放需要同时使用autoplay和muted属性，简单示例代码如下： html代码： css代码：要实现视频播放结束后的事件触发需要使用addEventListener(“ended”, function () {})进行事件监听，简单示例代码如下： html代码： css代码： js代码：（1）菜鸟网址：https://www.runoob.com/tags/t

2024年02月05日
浏览(50)
微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo

一个页面同时有很多视频播放，当用户点击一个视频后，开始播放视频，当点击另一个视频后，暂停前一个播放视频，让当前页面只有一个视频处于播放状态原理播放视频时，先判断当前是否有视频正在播放，如果没有，则播放，如果有，则暂停其他视频，再播放当前视频

2024年02月04日
浏览(88)
uniapp使用video标签无法播放视频出现黑屏问题处理

问题出现情况并且点击播放后出现报错解决办法问题出现的原因可能是video的视频流不兼容或者在f12下无法看见视频文件导致的,所有我们使用computed计算属性来解决这个问题 js html 按照上面的做法这样问题就解决了希望能解决大家的问题一键三连

2024年02月11日
浏览(96)
谷歌chrome浏览器无法自动播放video标签视频的问题

问题根源详见： Chrome中的自动播放政策 https://developer.chrome.com/blog/autoplay/ The Autoplay Policy launched in Chrome 66 for audio and video elements and is effectively blocking roughly half of unwanted media autoplays in Chrome. For the Web Audio API, the autoplay policy launched in Chrome 71. This affects web games, some WebRTC appli

2024年02月11日
浏览(99)
video视频标签一些设置，包括封面、播放结束后的封面、视频占满屏幕的方式、视频播放暂停、展示控制栏、触发全屏播放事件

代码如上，poster属性用于设置视频封面；视频链接放在source标签内的src属性；加controls属性就会展示控制栏，不加不显示；视频进入网页自动播放查阅资料都是说在vedio属性中加 autoplay=\\\"autoplay\\\" muted=\\\'muted\\\'，如第一段代码，但是我试了都是被浏览器评屏蔽掉的（为了提高用户体

2024年02月13日
浏览(75)
小程序video标签在（华为手机）无法播放.mp4长视频（ios上正常）

后台上传了有一个大小为700+M的视频文件，结果在小程序播放页面加载一会就会黑屏，并且视频时长也没有解析成功，但是视频路径在浏览器访问是没有问题的。（当时是在小米手机出现该bug）可能原因：上传阿里云视频路径地址有问题。（已排除）可能视频文件过大，导

2024年02月09日
浏览(115)