hivideo——网页不用flash播放mp4视频文件
作者:admin 时间:2021-6-28 19:29:49 浏览:由于现在的浏览器都不支持flash直接运行了，所以以前的在网页里使用flash播放视频的方法现在已经不能再用了。今天，我找到了一个方法，网页可以不用flash播放mp4视频文件。现与大家分享一下。
这个视频播放接口的名称叫hivideo。
使用介绍
完整HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>hivideo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/hivideo.css" />
<script type="text/javascript" src="hivideo.js"></script>
<style type="text/css">
.main-wrap{
margin: 0 auto;
min-width: 320px;
max-width: 640px;
}
.main-wrap video{
width: 100%;
}
</style>
</head>
<body>
<div class="main-wrap">
<video ishivideo="true" autoplay="true" isrotate="false" autoHide="true">
<source src="assets/video.mp4" type="video/mp4">
</video>
</div>
</body>
</html>
代码解释
1、引用hivideo.js这个接口文件
2、引用hivideo.css这个css文件
3、html代码，注意mp4文件的路径要正确，可以是网络文件。
<div class="main-wrap">
<video ishivideo="true" autoplay="true" isrotate="false" autoHide="true">
<source src="assets/video.mp4" type="video/mp4">
</video>
</div>
autoplay="true" 是表示视频自动播放，若不想自动播放，就把“true”改为“false”。
标签: 视频播放
相关文章
x
- 站长推荐
