每個會話HTML視頻顯示

Question

我有一個簡單的全屏幕背景視頻，播放一次頁面加載。我正在使用的代碼非常簡單（請忽略特定的WordPress位）：

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

我想達成什麼是每個會話一次玩這一點 - 因此，如果用戶離開網頁了，但然後出於任何原因返回，視頻根本不顯示。

什麼是最好的方法來解決這個問題？

Answer 1

最簡單的方法就是使用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在一個更簡單的方式處理。