HTMl5怎样插入视频？

最新推荐文章于 2025-07-19 14:41:05 发布

原创

最新推荐文章于 2025-07-19 14:41:05 发布 · 3.8k 阅读

标签

#html #css #js

收录于

我们都知道，HTML5有着诸多新标签，其中就有着能够插入视频的标签，这样就大大解放了我们写插入视频的代码的效率。HTML5插入视频用的是video标签，但是要想做个比较好的效果，就得用到video.js这个开源的js文件，要把该文件link入我们的HTML文件中。其中，我准备了如下所示的HTML5的插入视频用的代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
		<title>video</title>
	<link href="css/video-js.min.css" rel="stylesheet">
	<style type="text/css">
    body {
   
   
		background-color: #222222;
		}
		.qwer {
   
   
			position: absolute;
		    margin-left