|
|
|
|
|
|
贊助商
分類目錄
贊助商
最新文章
搜索
hivideo——網(wǎng)頁不用flash播放mp4視頻文件
作者:admin 時間:2021-6-28 19:29:49 瀏覽:由于現(xiàn)在的瀏覽器都不支持flash直接運行了，所以以前的在網(wǎng)頁里使用flash播放視頻的方法現(xiàn)在已經(jīng)不能再用了。今天，我找到了一個方法，網(wǎng)頁可以不用flash播放mp4視頻文件。現(xiàn)與大家分享一下。
這個視頻播放接口的名稱叫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文件的路徑要正確，可以是網(wǎng)絡文件。
<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
- 站長推薦
