Форум

Enigrade · #1 (**permalink**) 04.10.2016, 05:08

Всем салют!)
Изучаю JS и решил сделать комбо. Типа лендинг пейдж. На первой странице есть кнопка, все остальные страницы скрыты. При нажатии на кнопку - следующая страница раскрывается и в фоне у нее стоит ведосик. При раскрытии страницы через 1.5 сек видосик должен пойти. Написал код, но он не фуручит (видео не запускает, все остальное норм). Че я сделал не так?)

$(document).ready(function() {
$("a.Scrollto").click(function () {
	$(".block1").css("display","block",500);
	$(".block2").css("display","block",500);
var elementClick = $(this).attr("href")
var destination = $(elementClick).offset().top;
jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 1300);
setTimeout(function() { $('#video1').playVideo(); }, 1500);
return false;
});
});

рони · #2 (**permalink**) 04.10.2016, 09:27

Сообщение от Enigrade

playVideo

это что? а без таймера запускается?

Enigrade · #3 (**permalink**) 04.10.2016, 09:38

Сообщение от рони

это что? а без таймера запускается?

Без таймера тоже не работает, я даже в отдельном файле попробовал сделать. У меня вообще функция Play() не срабатывает (В данном примере она написано PlayVideo()). Хотя везде пишут, что именно так делается

рони · #4 (**permalink**) 04.10.2016, 10:20

Enigrade,
предоставленной информации недостаточно

Enigrade · #5 (**permalink**) 04.10.2016, 10:29

а что еще нужно? могу HTML дать

<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html" charset="UTF-8">
	<title>С картинками мудрим</title>
	<link rel="stylesheet" href="sty.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
		<div class="block" >
			<div class="container">
				<h3>фыв</h3>
					<p>
			выфвыфвыф
		</p>
		<div class="btn">
		
		<a href="#block2" class="Scrollto">
		ТЫКАЙ, ЧТО БЫ ДОБРАТЬСЯ ДО ГЛАВНОГО</a>
		</div>		
				</div>
		</div>
	
<div class="block2" id="block2">
    <video id="video1">
        <source src="video.mp4" type="video/mp4">
    </video>

    <div class="over_block">
    	WHATA FUCKA!!!!!????
    </div>

</div>

<div class="block3">

</div>
</body>
</html>

рони · #6 (**permalink**) 04.10.2016, 10:34

Enigrade,

$('#video1')[0].play();

и
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Enigrade · #7 (**permalink**) 04.10.2016, 10:38

Спасибо огромное!)
о том, что нужно указывать на элемент сурс я даже и не годался, да и не видел нигде

рони · #8 (**permalink**) 04.10.2016, 11:00

Enigrade,

$(function() {
    $("a.Scrollto").click(function() {
        $(".block1").css("display", "block");
        $(".block2").css("display", "block");
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top;
        jQuery("html:not(:animated),body:not(:animated)").animate({
            scrollTop: destination
        }, 1300, function() {
            $("#video1")[0].play()
        });
        return false
    })
});

Форум

Справочник

Discord чат

Курсы javascript