Как это сделать?

Question

[Conover]

Как сделать такую анимированную Землю?www.tectonica.co

Answer 1

[Алекс К]

Там просто висит видео d3n8a8pro7vhmx.cloudfront.net/themes/52c1865aebad6...

Comments

[Salavat Sharapov]

https://vimeo.com/82324981

[Conover]

Алексей Кауль а как сделать его цикличным?

[Алекс К]

Conover: с помощью loop="true"

<video width="100%" height="100%" loop="true" autoplay="true">
<source src="http://d3n8a8pro7vhmx.cloudfront.net/themes/52c1865aebad6462f0000002/attachments/original/1390826542/_loop-world-1080.mp4" type="video/mp4">
</video>

[Conover]

Алексей Кауль: А можно вам через email вопросы отдельно задавать?

[Алекс К]

Conover: наверное, лучше тут, чтобы кому-нибудь еще могло пригодиться

[Conover]

Алексей Кауль: А вот как сделать, чтобы видео было на всю страницу, просто в начальном варианте с каждой стороны есть промежутки, я это исправил по-своему, но думаю, что это не правильно, как бы вы это сделали?

[Алекс К]

Conover: покажите, что у Вас получилось на codepen

[Conover]

Алексей Кауль: А как его скинуть?

[Conover]

Алексей Кауль: codepen.io/anon/pen/yYzjRE

[Алекс К]

Conover: зайдите на codepen.io, создайте новый pen, там вставьте Ваш css/html и затем пришлите ссылку на этот pen.

[Conover]

Алексей Кауль: codepen.io/anon/pen/yYzjRE

[Алекс К]

там проблема была в том, что у body есть margin по умолчанию. решается выставлением margin:0 у body. вот: codepen.io/anon/pen/zvEjeb

[Conover]

Алексей Кауль: Спасибо, а вот еще вопрос, а как сделать, чтобы не было прокрутки?

[Алекс К]

Conover: поставьте у body overflow: hidden;

[Conover]

Conover: Спасибо!Вы лучший!

[Алекс К]

Conover: Спасибо!)

[Conover]

Алексей Кауль: А вот где можно еще найти такие анимированные ролики (предпочтительно для вставки на сайт)?

[Алекс К]

Conover: тут уже не в курсе

[Conover]

Алексей Кауль: Здравствуйте, а как это сделать рабочим кодом?Просто скопировать?Или нужно что-то добавить/удалить?
codepen.io/kowlor/pen/ZYYQoy