Question

我需要一些帮助。我正在尝试制作视频播放列表并制作2个html文件（index.html和video.html）。我尝试在video.html中通过弹出窗口播放视频，但是当我关闭弹出窗口或者我点击任何地方时，它会直接返回index.html。我虽然链接了index.html的video.html。如何在不关闭video.html的情况下关闭弹出窗口。我可以通过我使用的语法关闭弹出窗口，但问题是当我点击任何地方时，video.html也会关闭，并且它会回到index.html。这是我的video.html文件：

＆＃13;

<!DOCTYPE html> 
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="jquery.mobile-1.2.1.min.css"/>
<script src="jquery-1.8.3.min.js"></script>
<script src="jquery.mobile-1.2.1.min.js"></script>
	  <title></title>
	
<script>
var vid = document.getElementById("video_mute");

vid.muted = true;//mute video on window load

function enableMute() { 
    vid.muted = true;
} 

function disableMute() { 
    vid.muted = false;
} 

function checkMute() { 
    alert(vid.muted);
}
</script>
</head>
<body>
<div data-role="page" id="satu"> 	
    <div data-role="header">
      <h1>abjad</h1></div>
    <div data-role="content">
		  <ul data-role="listview">
			<li><a href="#a" data-rel="popup" data-transition="pop">huruf A</a></li>
			<li><a href="#b" data-rel="popup" data-transition="pop">huruf b</a></li>
		  </ul>
	  </div>
	<div data-role="footer">footer</div>
  
	<div data-role="popup" data-position-to="window" id="a">
		<video width="block" id="video_mute" controls>
			<source src="abjad_a.mp4" type="video/mp4">
			<button onclick="enableMute()" type="button">Mute sound</button>
			<button onclick="disableMute()" type="button">Enable sound</button>
			<button onclick="checkMute()" type="button">Check muted status</button><br>
			</video>
			
	</div>	
</div>

＆＃13;

Answer 1

您可以使用数据解除属性关闭弹出窗口。



或者您也使用jquery来关闭弹出窗口。
$("#popup-id").modal("hide");

如何关闭弹出窗口而不关闭整个页面

1 个答案: