fixed play/pause
This commit is contained in:
parent
a4c562a74b
commit
63d5df0f7c
36
index.html
36
index.html
@ -187,25 +187,39 @@ $(document).ready(function() {
|
|||||||
<!-- scripts for mouse events -->
|
<!-- scripts for mouse events -->
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function popup_bg(start,end) {
|
// function popup_bg(start,end) {
|
||||||
|
|
||||||
|
// var myIcon = document.querySelector(".audioBG");
|
||||||
|
// var box = document.getElementById("audioBG");
|
||||||
|
// if (box.paused) {
|
||||||
|
// box.currentTime = start;
|
||||||
|
// myIcon.className = "audioBG fa fa-pause";
|
||||||
|
// setTimeout(function(){
|
||||||
|
// box.play();
|
||||||
|
// console.log(box.currentTime);
|
||||||
|
// }, end);
|
||||||
|
// }
|
||||||
|
// // box.currentTime = start;
|
||||||
|
// // console.log(start);
|
||||||
|
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
function popup_bg(start,end){
|
||||||
var myIcon = document.querySelector(".audioBG");
|
var myIcon = document.querySelector(".audioBG");
|
||||||
var box = document.getElementById("audioBG");
|
var box = document.getElementById("audioBG");
|
||||||
if (box.paused) {
|
box.currentTime = start;
|
||||||
box.currentTime = start;
|
myIcon.className = "audioBG fa fa-pause";
|
||||||
myIcon.className = "audioBG fa fa-pause";
|
box.play();
|
||||||
box.play();
|
console.log(box.currentTime);
|
||||||
console.log(box.currentTime);
|
|
||||||
// the below setInterval is to check the currentTime is greater than 56 or not in every 1 second
|
|
||||||
setInterval(function(){
|
setInterval(function(){
|
||||||
if(box.currentTime>end){
|
if(box.currentTime>end){
|
||||||
myIcon.className = "audioBG fa fa-play";
|
myIcon.className = "audioBG fa fa-play";
|
||||||
box.pause();
|
box.pause();
|
||||||
}
|
}
|
||||||
},1000);
|
},1000);
|
||||||
};
|
}
|
||||||
// box.currentTime = start;
|
|
||||||
// console.log(start);
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
var aud1= document.getElementById('audioBG');
|
var aud1= document.getElementById('audioBG');
|
||||||
|
@ -263,6 +263,7 @@ background: transparent;
|
|||||||
left: 2px;
|
left: 2px;
|
||||||
top: 10%;
|
top: 10%;
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
.thesis:hover {
|
.thesis:hover {
|
||||||
|
Loading…
Reference in New Issue
Block a user