video - 如何获得只弹出一次的 div？

Question

我找了这个，但没有看到它已经问过，所以如果这是重复的，我很抱歉。

我有三个页面，其中一个 div 立即弹出，播放一个视频，然后你可以关闭它。我意识到，如果您每次使用该页面时都继续观看视频，那会很烦人。我已经看到代码只在第一次访问时播放视频，但是 div 仍然存在。

有没有办法让该 div 仅在第一次访问页面时自动显示？

真的很挣扎......这是我到目前为止的代码。

  <script type="text/javascript"> 
document.onclick = function check(e){ 
    var target = (e && e.target) || (event && event.srcElement); 
    var obj = document.getElementById('mydiv'); 
    if(target != obj){
        obj.style.display='none';
        document.getElementById('myvideoelement').pause();


    } 


<div id="mydiv">
<a id="displayText" href="javascript:toggle();"><img src="images/x2.png" id="x"></a>


    <video id='myvideoelement' autoplay>
        <source src="agoraphobiafinal2.mp4">
    </video>
</div>

Answer 1

您可以拥有一个 cookie 或会话，其中包含一个 bool 标志，指示是否已经看到。这将在启动时初始化一次。

在c#中

if(!Page.IsPostBack){
    Session["SeenYet"] = true;
}