<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<video id="videoPlay1" width="400px;" height="400px" src="qinhai.MP4" poster="banner.png" loop="loop" x-webkit-airplay="true" webkit-playsinline="true" controls="controls " >
您的浏览器暂不支持播放该视频,请升级至最新版浏览器。
</video>
<video id="videoPlay2" width="400px;" height="400px" src="qinhai.MP4" poster="banner.png" loop="loop" x-webkit-airplay="true" webkit-playsinline="true" controls="controls " >
您的浏览器暂不支持播放该视频,请升级至最新版浏览器。
</video>
<script type="text/javascript">
var video1=document.getElementById("videoPlay1");
video1.οnclick=function(){
video2.pause();
if(video1.paused){
video1.play();
}else{
video1.pause();
}
};
video1.addEventListener('play',function(){
video2.pause();
});
// video1.addEventListener('pause',function(){
//暂停播放
// });
var video2=document.getElementById("videoPlay2");
video2.οnclick=function(){
video1.pause();
if(video2.paused){
video2.play();
}else{
video2.pause();
}
};
video2.addEventListener('play',function(){
video1.pause();
});
// video2.addEventListener('pause',function(){
//暂停播放
// });
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<video id="videoPlay1" width="400px;" height="400px" src="qinhai.MP4" poster="banner.png" loop="loop" x-webkit-airplay="true" webkit-playsinline="true" controls="controls " >
您的浏览器暂不支持播放该视频,请升级至最新版浏览器。
</video>
<video id="videoPlay2" width="400px;" height="400px" src="qinhai.MP4" poster="banner.png" loop="loop" x-webkit-airplay="true" webkit-playsinline="true" controls="controls " >
您的浏览器暂不支持播放该视频,请升级至最新版浏览器。
</video>
<script type="text/javascript">
var video1=document.getElementById("videoPlay1");
video1.οnclick=function(){
video2.pause();
if(video1.paused){
video1.play();
}else{
video1.pause();
}
};
video1.addEventListener('play',function(){
video2.pause();
});
// video1.addEventListener('pause',function(){
//暂停播放
// });
var video2=document.getElementById("videoPlay2");
video2.οnclick=function(){
video1.pause();
if(video2.paused){
video2.play();
}else{
video2.pause();
}
};
video2.addEventListener('play',function(){
video1.pause();
});
// video2.addEventListener('pause',function(){
//暂停播放
// });
</script>
</body>
</html>