2015-09-07 68 views
0

我有一个简单的全屏幕背景视频,播放一次页面加载。我正在使用的代码非常简单(请忽略特定的WordPress位):每个会话HTML视频显示

<video autoplay poster="<?php the_field('home_background_image'); ?>"> 
    <source src="<?php echo get_stylesheet_directory_uri().'/dist/intro.mp4';?>" type="video/mp4"> 
</video> 

我想达成什么是每个会话一次玩这一点 - 因此,如果用户离开网页了,但然后出于任何原因返回,视频根本不显示。

什么是最好的方法来解决这个问题?

回答

0

最简单的方法就是使用cookies。这是直接从Mozilla的一个例子。

if (document.cookie.replace(/(?:(?:^|.*;\s*)someCookieName\s*\=\s*([^;]*).*$)|^.*$/, "$1") !== "true") { 
    alert("Do something once here!"); 
    document.cookie = "someCookieName=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/"; 
} 

该正则表达式的一个明显有点混乱,但有很多图书馆在那里与cookies在一个更简单的方式处理。