Method 1: Example source code of how the html5 player sets the volume
<!DOCTYPE html>
<html>
<body>
<button onclick="getVolume()" type="button">音量是多少?</button>
<button onclick="setHalfVolume()" type="button">把音量设置为 0.2</button>
<button onclick="setFullVolume()" type="button">把音量设置为 1.0</button>
<br />
<br />
<video id="video1" controls="controls">
<source src="../example/html5/mov_bbb.mp4" type="video/mp4">
<source src="../example/html5/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<script>
myVid=document.getElementById("video1");
function getVolume()
{
alert(myVid.volume);
}
function setHalfVolume()
{
myVid.volume=0.2;
}
function setFullVolume()
{
myVid.volume=1.0;
}
</script>
</body>
</html>
Method 2: Code example of Kuboyun html5 player
<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
vid: 'e785b2c81c9e018296671a1287e99615_e',
});
</script>
<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
autoplay:'true',
width: '600',
height: '400',
vid: '138dcc9667db2b329ede4d0d49e9eea2_1',
});
//时间刷新
var interval=setInterval("render()",500);
function render(){
var sec2=player.j2s_getCurrentTime();
var sec3=player.j2s_getDuration();
var sec4=player.j2s_realPlayVideoTime();
document.getElementById("realPlayVideoTime").innerHTML="当前观看时间(不包含视频缓冲时间)是 <span style='color:#ff0000;'>"+sec4+"</span> 秒";
document.getElementById("getCurrentTime").innerHTML="当前播放进度是 <span style='color:#ff0000;'>"+sec2+"</span> 秒";
document.getElementById("duration").innerHTML="当前视频的时长是 <span style='color:#ff0000;'>"+sec3+"</span> 秒";
}
function play() {
player.j2s_pauseVideo();
}
function getDuration() {
console.log(player.j2s_getDuration());
document.getElementById("totalTime").innerHTML = "输出当前播放时间:"+player.j2s_getDuration();
}
function getCurrentTime() {
console.log(player.j2s_getCurrentTime());
document.getElementById("times").innerHTML = "输出当前播放时间:"+player.j2s_getCurrentTime();
}
//设置音量
function setVolume(num) {
player.j2s_setVolume(num);
console.log("音量"+num)
}
//播放器事件
player.on('s2j_onPlayerInitOver',function(e) {
console.log("播放器初始化完毕。")
});
player.on('s2j_onPlayOver',function(e) {
console.log("视频播放完毕。")
});
player.on('s2j_onVideoPause',function(e) {
console.log("视频播放已暂停。")
});
player.on('s2j_onVideoPlay',function(e) {
console.log("视频正在播放。")
});
</script>
My Popular Article Recommendations
- Effect test of online cloud director switching for multi-channel live video broadcasting
- How to convert the video into a QR code, scan the code and play it directly?
- Which websites upload videos without inserting ads?
- How to generate a QR code from a video? Scan the QR code on WeChat to watch? no advertising
- Commonly used photo size comparison table, the size of the photo is right in this table
- Live Video Streaming Strategy (Push Streaming Interfaces of Major Platforms Organized)
- HTML5 video double speed playback function
- Teach you a trick: how to realize list playback of multiple videos?
- How to implement the function of playing videos in the video list on the WeChat public account
- H5 video double-speed playback function (an example of video multi-speed viewing function)
- How to configure an FTP server
- How to Upload Files Using FTP (FTP File Transfer)
- OBS Live Tool User Guide/Tool for Pushing Live Video Sources to Servers by OBS
- QQ browser hijacks the video tag to load its own advertisement (how to solve it?)