Как сделать видеоролик после просмотра одного раза?

Question

На странице HTML видео поставлено, я хочу сделать такую ​​задачу, которая показывает, что разбросанные видео размыты, и если мы обновим страницу, она станет нормальной без какого-либо наложения, и я смогу добавить для этого скрипт css или java.

Answer 1

Использование JS, добавить класс видео один раз его уже посмотрели:

.video--watched { 
    -webkit-filter: blur(20px); 
    filter: blur(20px); 
} 

Я предполагаю, что мы говорим о <video> теге.

Answer 2

Это зависит от того, что вы хотите видеть один раз. Вы имеете в виду, закончилось ли видео или начало видео.

У JavaScript есть методы для определения того, началось или закончилось видео.

Вот пример. Скажем, у вас есть список видео

<video id="my-video"> 
    <source src="movie1.mp4" type="video/mp4"> 
</video> 

<video id="video2"> 
    <source src="movie1.mp4" type="video/mp4"> 
</video> 

var videos = document.getElementsByTagName("video"); 
for (var i = 0; i < videos.length; i++) { 
    videos[i].onended = function() { 
     video.style.opacity = 0.5; 
    }); 
} 

В качестве альтернативы вы можете добавить встроенные EVENT-атрибуты, как так

<video id="my-video" onended="blurVideo()">