javascript - 调整此代码，使视频只在网站上播放一次

Question

我正在帮助一个 friend 制作一个网站，我是 javascript 的新手，所以需要一些帮助。我在这里进行了研究，发现之前有人问过一些类似的问题，但我想确切地知道如何将其与我的代码联系起来。到目前为止，此代码运行良好，当您加载主页时，如果窗口宽度超过 600 像素，则视频剪辑会运行，但如果窗口小于 600 像素，则视频剪辑不会运行。其他 javascript 也使视频在播放后消失。但是我遇到的问题是，如果您转到网站上的另一个页面，然后返回主页，视频会一次又一次地播放，但我希望视频只在访问者到达该网站时播放一次。谁能建议我如何编辑代码，以便视频每次访问只运行一次？所有相关代码如下:

<script type="text/javascript">

window.addEventListener('load', function() {
if (window.innerWidth >= 600) {
var vid = document.getElementById('video');
var wrap = document.getElementById('videowrapper');
wrap.classList.toggle('hide');

vid.play();
vid.addEventListener('ended',function(e) {
  wrap.classList.toggle('hide');    
});
}
})
</script>


<div id="videowrapper" class="hide">
<video id="video" controls>
<source src="clip.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div id="videoEnd" style="display:block">Chris Presents</div>
</div>



<script>        

document.getElementById('video').addEventListener('ended',myHandler,false);
function myHandler(e) {
if(!e) { e = window.event; }

// What you want to do after the event
document.getElementById('video').style.display="none";
document.getElementById('videoEnd').style.display="none";
}
</script>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="oldhomestyle.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript" src="soundmouseover.js"></script>

</head>

Answer 1

不确定这段代码在您的代码中做了什么! (div)

除此之外，如前所述，您绝对可以根据需要使用 cookie。