Автовоспроизвидение видео

azkaban

Постоялец
Регистрация
16 Мар 2015
Сообщения
144
Реакции
10
<video width="99%" height="auto" controls autoplay loop name="media"><source src="../1.mp4" type="video/mp4"></video>
Видео с автовоспроизведением + loop - циклическое

Пример вставки видео с youtube c автовоспроизведением
Код:
<iframe src="http://www.youtube.com/watch?v=lHe85GjFDIY?autoplay=1&amp;loop=1&amp;&amp;playlist=Video_ID" height="335" width="595" allowfullscreen="" frameborder="0"></iframe>
В плеере отключена возможность автоплея, нужны сторонние решения
 

romas_s

Гуру форума
Регистрация
9 Ноя 2012
Сообщения
252
Реакции
75
В плеере отключена возможность автоплея, нужны сторонние решения
В HTML5 авто воспроизведение по умолчанию отключено.
Выше уже писал какой параметр отвечает за авто-воспроизведение.

Вот Вам реальный пример авто воспроизведения + цикличность видео

info.za500.biz/files/video/

Код вставки видео:
HTML:
<video width="99%" height="auto" controls autoplay loop name="media"><source src="1.mp4" type="video/mp4"></video>

HTML:
<!doctype html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/template.css" />
</head>

<body>
<div class="top_header">
    <div class="logo">
        <a style="padding-left: 20px; float: left;" href="https://google.com/">funteek</a>
        <a style="padding-left: 10px;" href="https://google.com/"><span style="font-size: 16px; line-height: 50px;">INTERACTIVE AD</span></a>
    </div>

    <div class="brand">
        <a class="t-menu__link-item" href="http://funteek.tilda.ws" style=" padding-right:0px;" data-menu-item-number="1"><span style="font-size: 16px; font-weight: bold">BRAND</span></a> <span style="color: #fff;"> | </span>
        <a class="t-menu__link-item" href="http://funteek.tilda.ws/player" style=" padding-right: 20px;" data-menu-item-number="1"><span style="font-size: 16px;">PLAYER</span></a>
    </div>
</div>
<div class="clear"></div>
<div class="top_content">
<h1>CREATE MOMENTS PEOPLE WANT TO SHARE WITH FRIENDS</h1>
  <p class="line">Make your own interactive story, your show, which is going to be popular in a Digital World.</p>
</div>
<div class="clear"></div>
<div class="video_position">
    <video width="99%" height="auto" controls autoplay loop name="media"><source src="1.mp4" type="video/mp4"></video>
    <div class="image_krug"></div>
</div>
<div class="clear"></div>
<div style="font-family:'Arial';" data-customstyle="yes">
  <h1>BEST WAY TO ENGAGE YOUR AUDIENCE AND CREATE UGC</h1>
<p class="line">
Market Place + SMM + Influence marketing + UGC + Augmented Reality +<br>
Loyalty program + Gamification + Personalization.<br>
All in <strong>
ONE</strong>
app. Just use your <strong>
CREATIVITY</strong>!<br>
<br>
<br>
C 2017 Funteek.com <br>
</p>
</div>

</body>
</html>
 
Последнее редактирование:
Сверху