如何使用HTML代码嵌入视频？
要将视频嵌入HTML页面，请使用<iframe>元素。来源属性包括视频URL。对于视频播放器的尺寸，适当设置视频的宽度和高度。
视频URL是视频嵌入链接。我们将嵌入示例的视频将是YouTube。
要获取嵌入链接，请转到YouTube视频，然后单击嵌入，如下所示。您将获得一个嵌入此处的链接-
您可以尝试运行以下代码，以了解如何使用HTML代码嵌入视频。如上所示复制嵌入链接，并将其添加到HTML文档中
示例
<!DOCTYPE html> <html> <head> <title>HTML Video embed</title> </head> <body> <p>Learn Eclipse</p> <br /> <iframe width="560" height="315" src="https://www.youtube.com/embed/y881t8ilMyc" frameborder="0" allowfullscreen></iframe> </iframe> </body> </html>
基础教程
- HTML基础教程
- HTML5基础教程
- HTML参考手册
- SVG 教程
- CSS 教程
- CSS 参考手册
- CSS3教程
- Bootstrap3 教程
- Bootstrap4 教程
- Font Awesome图标
- JavaScript 教程
- JavaScript 参考手册
- jQuery 教程
- AJAX 教程
- JSON 教程
- AngularJS 教程
- ReactJS 教程
- NodeJS 教程
- Python 教程
- C++ 教程
- Golang 教程
- C 语言教程
- PHP 教程
- C# 教程
- LINQ 教程
- Lua 教程
- Ruby 教程
- Rust 教程
- Linux 教程
- R 语言教程
- Docker 教程
- Scala 教程
- MatLab 教程
- Erlang 教程
- Pandas教程
- Numpy教程
- Matplotlib教程
- Flask教程
- Java 教程
- SpringBoot 教程
- JDBC 教程
- JSP 教程
- Servlet 教程
- Maven 教程
- Spring 教程
- Django 教程
- Swift 教程
- Kotlin 教程
- SQL 教程
- MongoDB 教程
- SQLite 教程
- PostgreSQL 教程
- MySql 教程
- Redis 教程
- Elasticsearch 教程
猜你喜欢
- 如何在HTML中使用年份输入类型？
- 如何一次下载网页上的所有图像？
- 如何在HTML的一个范围输入中使用不同的step属性？
- 在HTML中使用<br>，<br/>或<br />的正确方法是什么？
- 如何限制多个输入（<input type =“ file” multiple />）上的最大项目？
- 如何在Google Maps中使用HTML5 GeoLocation API？
- 如何使用HTML5地理位置纬度/经度API？
- 如何使用CSS3限制输入文本的长度？
- 如何使用HTML5 localStorage和sessionStorage？
- 如何使用HTML5地理位置和Google Maps显示当前位置？
- 如何处理HTML5中的地理位置错误？
- 如何在HTML5中使用地理位置坐标？
- 如何在后台播放网页中的声音文件？
- 如何将音频播放器添加到HTML网页？
- JavaScript语句中的每个……是什么？
- 如何使用HTML代码嵌入视频？
- 如何在HTML页面中添加视频？
- 如何在HTML5画布上绘制SVG文件？
- 如何在HTML5中绘制SVG徽标？
- 如何使用画布HTML5绘制星星？
- 如何在HTML5中使用SVG绘制形状？
- 如何在HTML画布上绘制圆角矩形？
- 为什么要在JavaScript中使用 <noscript>元素？
- HTML标签 <div>和 <span>有什么区别？
- JavaScript如何成为非类型化语言？