有没有好用的h5播放器,可以记录进度的

发布网友发布时间：2022-04-29 16:18

共3个回答

热心网友时间：2023-10-19 00:27

flowplayer播放器，也可以的

热心网友时间：2023-10-19 00:27

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<style>
.chimee-container {
width: 800px;
height: 400px;
margin: 10px auto;
position: relative;
}

.time-ad {
background-color: transparent;
border: 0;
}

.time-ad img {
display: block;
width: 30px;
}

.time-ad em {
position: absolute;
right: -7px;
top: 35px;
width: 60px;
text-align: center;
font-size: 12px;
background-color: rgba(156, 85, 85, 0.66);
padding: 0 3px;
z-index: -1;
border-radius: 5px;
}

.time-ad cm-pp-close {
display: none;
}

.time-ad cm-pp-body {
padding: 0;
}
</style>

<body>

<div class="chimee-container">
<video tabindex="-1"></video>
</div>

<script src="https://s3.ssl.qhres.com/!fd546749/chimee-player.browser.js" type="text/javascript"></script>

</body>

</html>
<script>
var aggdPlugin = ChimeePlayer.popupFactory({
name: 'time-ad',
className: 'time-ad',
title: false,
body: '',
offset: '0px 10px auto auto',
operable: false
});
ChimeePlayer.install(aggdPlugin);

var player = new ChimeePlayer({
wrapper: '.chimee-container',
src: location.protocol + '//chimee.org/vod/1.mp4',
isLive: false,
box: 'native',
autoplay: false,
controls: true,
plugin: [aggdPlugin.name]
});
</script>

热心网友时间：2023-10-19 00:28

video标签啊。应该有属性的吧。查询w3school把。那里更详细点。

热心网友时间：2023-10-19 00:27

flowplayer播放器，也可以的

热心网友时间：2023-10-19 00:27

flowplayer播放器，也可以的

热心网友时间：2023-10-19 00:28

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<style>
.chimee-container {
width: 800px;
height: 400px;
margin: 10px auto;
position: relative;
}

.time-ad {
background-color: transparent;
border: 0;
}

.time-ad img {
display: block;
width: 30px;
}

.time-ad em {
position: absolute;
right: -7px;
top: 35px;
width: 60px;
text-align: center;
font-size: 12px;
background-color: rgba(156, 85, 85, 0.66);
padding: 0 3px;
z-index: -1;
border-radius: 5px;
}

.time-ad cm-pp-close {
display: none;
}

.time-ad cm-pp-body {
padding: 0;
}
</style>

<body>

<div class="chimee-container">
<video tabindex="-1"></video>
</div>

<script src="https://s3.ssl.qhres.com/!fd546749/chimee-player.browser.js" type="text/javascript"></script>

</body>

</html>
<script>
var aggdPlugin = ChimeePlayer.popupFactory({
name: 'time-ad',
className: 'time-ad',
title: false,
body: '',
offset: '0px 10px auto auto',
operable: false
});
ChimeePlayer.install(aggdPlugin);

var player = new ChimeePlayer({
wrapper: '.chimee-container',
src: location.protocol + '//chimee.org/vod/1.mp4',
isLive: false,
box: 'native',
autoplay: false,
controls: true,
plugin: [aggdPlugin.name]
});
</script>

热心网友时间：2023-10-19 00:28

video标签啊。应该有属性的吧。查询w3school把。那里更详细点。

热心网友时间：2023-10-19 00:27

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<style>
.chimee-container {
width: 800px;
height: 400px;
margin: 10px auto;
position: relative;
}

.time-ad {
background-color: transparent;
border: 0;
}

.time-ad img {
display: block;
width: 30px;
}

.time-ad em {
position: absolute;
right: -7px;
top: 35px;
width: 60px;
text-align: center;
font-size: 12px;
background-color: rgba(156, 85, 85, 0.66);
padding: 0 3px;
z-index: -1;
border-radius: 5px;
}

.time-ad cm-pp-close {
display: none;
}

.time-ad cm-pp-body {
padding: 0;
}
</style>

<body>

<div class="chimee-container">
<video tabindex="-1"></video>
</div>

<script src="https://s3.ssl.qhres.com/!fd546749/chimee-player.browser.js" type="text/javascript"></script>

</body>

</html>
<script>
var aggdPlugin = ChimeePlayer.popupFactory({
name: 'time-ad',
className: 'time-ad',
title: false,
body: '',
offset: '0px 10px auto auto',
operable: false
});
ChimeePlayer.install(aggdPlugin);

var player = new ChimeePlayer({
wrapper: '.chimee-container',
src: location.protocol + '//chimee.org/vod/1.mp4',
isLive: false,
box: 'native',
autoplay: false,
controls: true,
plugin: [aggdPlugin.name]
});
</script>

热心网友时间：2023-10-19 00:28

video标签啊。应该有属性的吧。查询w3school把。那里更详细点。

热心网友时间：2023-10-19 00:27

flowplayer播放器，也可以的

热心网友时间：2023-10-19 00:28

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title></title>
</head>
<style>
.chimee-container {
width: 800px;
height: 400px;
margin: 10px auto;
position: relative;
}

.time-ad {
background-color: transparent;
border: 0;
}

.time-ad img {
display: block;
width: 30px;
}

.time-ad em {
position: absolute;
right: -7px;
top: 35px;
width: 60px;
text-align: center;
font-size: 12px;
background-color: rgba(156, 85, 85, 0.66);
padding: 0 3px;
z-index: -1;
border-radius: 5px;
}

.time-ad cm-pp-close {
display: none;
}

.time-ad cm-pp-body {
padding: 0;
}
</style>

<body>

<div class="chimee-container">
<video tabindex="-1"></video>
</div>

<script src="https://s3.ssl.qhres.com/!fd546749/chimee-player.browser.js" type="text/javascript"></script>

</body>

</html>
<script>
var aggdPlugin = ChimeePlayer.popupFactory({
name: 'time-ad',
className: 'time-ad',
title: false,
body: '',
offset: '0px 10px auto auto',
operable: false
});
ChimeePlayer.install(aggdPlugin);

var player = new ChimeePlayer({
wrapper: '.chimee-container',
src: location.protocol + '//chimee.org/vod/1.mp4',
isLive: false,
box: 'native',
autoplay: false,
controls: true,
plugin: [aggdPlugin.name]
});
</script>

热心网友时间：2023-10-19 00:28

video标签啊。应该有属性的吧。查询w3school把。那里更详细点。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com

懂视IT 51dongshi.com 版权所有
Copyright © 2019-2024