Видео на preloader

[Mary_RND]

Сделала видео на предзагрузку страницы

Но видео почему-то обрывается, оно идет 3 секунды, хотя должно 6, а вот затемнение идет нормально по времени

http://codepen.io/eglitmaria/pen/Xdzwox

P.S.: забавно, на вкладке в браузере появляется знак звука и не исчезает, хотя видео закончилось.

P.P.S.: ой... а еще оно для всех страниц срабатывает ><

Edited April 6, 2016 by Mary_RND
Добавила наблюдение в P.S.

[Igor Schnaider]

Потому что .spinner скрывается по загрузке страницы, а не по завершению видео. Попробуйте так.

[Mary_RND]

  On 4/7/2016 at 3:46 AM, Igor Schnaider said:

Потому что .spinner скрывается по загрузке страницы, а не по завершению видео. Попробуйте так.

Expand  

Ааааа... теперь сайт не загружается и видео идет по кругу ><

[Igor Schnaider]

У вас, наверное, loop стоит.

[Mary_RND]

  On 4/7/2016 at 8:38 AM, Igor Schnaider said:

У вас, наверное, loop стоит.

Expand  

Ага... убрала.

Теперь черный фон вместо сайта @_@

[Igor Schnaider]

Там, где комментарии в JS, наверное оно?

[Mary_RND]

ага.. ооо... заработало.

А что делать с тем, что  при заходе на другую станицу видео опять грузится.

Оно должно 1 раз загружаться и только для главной ((

Edited April 7, 2016 by Mary_RND

[Mary_RND]

попробовала добавить, но кажется я все-таки не так что-то сделала ((

function $preloader() {
   //run code
   $(window).unbind('load')
};

Нашла статью

но как то в ней все сумбурно, так и не понятно, что правильно.

Edited April 7, 2016 by Mary_RND
Добавила информацию

[Mary_RND]

Так, только для главной я сделала, получилось решить проблему простым запросом cms на удивление.

Но вот как сделать флаги..

[Igor Schnaider]

Вам нужно, чтобы анимация срабатывала только раз при заходе на сайт, а при последующих - нет. Или в рамках одной сессии, чтобы при переходе на главную она не срабатывала?

[Mary_RND]

получается в рамках одной сессии

[Igor Schnaider]

Попробуйте использовать sessionStorage.

[Mary_RND]

  On 4/7/2016 at 11:13 AM, Igor Schnaider said:

Попробуйте использовать sessionStorage.

Expand  

Хм... а какое "поле" получается надо отслеживать в моем случае?

Edited April 7, 2016 by Mary_RND

[Mary_RND]

Правильно вообще поняла?

Но что писать, в противном случае?

$(window).on('load', function () {
	if (sessionStorage('localStorage')) {
	  var $preloader = $('#page-preloader'),
		$spinner = $preloader.find('.spinner'),
		$video = $('video');

		$video.get().play();

		$video.bind('ended', function () {
			$preloader.fadeOut();
		});
	}
	else {
	// здесь должен быть результат, если уже один раз за сессию была загрузка preloader?
	}
});

 

[Mary_RND]

Блин... мне сказали, что это видео должно грузиться и на планшетах, а то на них он черный, там кажется Ipad и вот с Андроида посмотрела и сайт тоже черный...

Как сделать чтобы и в этих системах работало? Т_Т

Я так понимаю это из-за $(window)

[Igor Schnaider]

Наверное, там другие форматы видео.

По sessionStorage, вот что-то типа такого.

[Mary_RND]

никогда просто не делала preload с видео, а тут еще под разные системы Т_Т

^{а это рабочий код получается? ну т.е. его можно взять?}

 

Попробовала вставить ваш код, видео не грузиться вообще

и перестало раскрываться меню на внутренних страницах О_О

Edited April 7, 2016 by Mary_RND
Дополние после теста кода

[Mary_RND]

Не поняла я таки работу sessionsStorage

Решила воспользоваться плагином для кукисов.

Сделала вот что, и проблема в том, что preload кукис есть, и он не нулевой.

Но видео все равно загружается... и вдобавок не заканчивается, сайт не появляется

$(window).on('load', function () {
	$.cookie('preload', '1', {
		path: '/'
	});
	//$.cookie('preload', null, { expires: -1 });
	if($.cookie('preload')==null){
		var $preloader = $('#page-preloader'),
			$spinner = $preloader.find('.spinner'),
			$video = $('video');
			
		$video.get().play();

		$video.bind('ended', function () {
			//--$spinner.fadeOut();
			//--or maybe
			$preloader.fadeOut();
		});
	}
});

 

Edited April 8, 2016 by Mary_RND

[Mary_RND]

Help