1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Javascript + CSS
::
• блок
• текст
• линк
• меню
• фото
• окно
• кнопка
• фон
• видео
• таблица
ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года
ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. ЯНВАРЬ >>>
HTML ↴
<!DOCTYPE html> <html> <head> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <title>Видео HTML5 видео с preload</title> <style type="text/css"> .reference td, .reference th{border:1px solid #808080} </style> </head> <body> <p>На текущий момент, существует 3 поддерживаемых видео формата для элемента video:</p> <table class="reference" cellspacing="0" cellpadding="0" border="1" width="100%"> <noindex> <tr> <th width="20%" align="left">Формат</th> <th width="16%" align="left">IE</th> <th width="16%" align="left">Firefox</th> <th width="16%" align="left">Opera</th> <th width="16%" align="left">Chrome</th> <th width="16%" align="left">Safari</th> </tr> </noindex> <tr> <td>Ogg</td> <td><span class="marked">Нет</span></td> <td>3.5+</td> <td>10.5+</td> <td>5.0+</td> <td><span class="marked">Нет</span></td> </tr> <tr> <td>MPEG 4</td> <td><span>9.0+</span></td> <td><span class="marked">Нет</span></td> <td><span class="marked">Нет</span></td> <td>5.0+</td> <td>3.0+</td> </tr> <tr> <td>WebM</td> <td><span class="marked">Нет</span></td> <td>4.0+</td> <td>10.6+</td> <td>6.0+</td> <td><span class="marked">Нет</span></td> </tr> </table> <p><b>preload</b> Если указан, видео будет загружено при загрузке страницы, и готово к запуску. Игнорируется, если "autoplay" указан</p> <video width="320" height="240" controls="controls" preload="none" autoplay="autoplay"> <source src="video7/06.ogg" type="video/ogg" /> <source src="video7/06.mp4" type="video/mp4" /> <source src="video7/06.webm" type="video/webm" /> Your browser does not support the video tag. </video> <table class="reference"><tr><th width="20%">Атрибут<th width="20%">Значение<th>Описание<tr><td><a href="/ru/HTML5/video/audio" title="Теги HTML5 video/audio">audio</a><span class="new">Новое</span><td>muted<td>Определяет по умолчанию состояние звука. В настоящий момент только "muted" разрешено<tr><td><a href="/ru/HTML5/video/autoplay" title="Теги HTML5 video/autoplay">autoplay</a><span class="new">Новое</span><td>autoplay<td>Если указан, видео начнет играть сразу как только оно будет готово<tr><td><a href="/ru/HTML5/video/controls" title="Теги HTML5 video/controls">controls</a><span class="new">Новое</span><td>controls<td>Если указан, кнопки управления будут показаны, такие как кнопка воспроизведения<tr><td><a href="/ru/HTML5/video/height" title="Теги HTML5 video/height">height</a><span class="new">Новое</span><td><i>пиксели</i><td>Указывает высоту видео плайера<tr><td><a href="/ru/HTML5/video/loop" title="Теги HTML5 video/loop">loop</a><span class="new">Новое</span><td>loop<td>Если указан, видео начнет проигрываться снова, как только закончится<tr><td><a href="/ru/HTML5/video/poster" title="Теги HTML5 video/poster">poster</a><span class="new">Новое</span><td><em>url</em><td>Указывает URL изображения, представляющего видео<tr><td><a href="/ru/HTML5/video/preload" title="Теги HTML5 video/preload">preload</a><span class="new">Новое</span><td>auto<br>metadata<br>none<td>Если указан, видео будет загружено при загрузке страницы, и готово к запуску. Игнорируется, если "autoplay" указан<tr><td><a href="/ru/HTML5/video/src" title="Теги HTML5 video/src">src</a><span class="new">Новое</span><td><i>url</i><td>Адрес URL видео для проигрывания<tr><td><a href="/ru/HTML5/video/width" title="Теги HTML5 video/width">width</a><span class="new">Новое</span><td><i>пиксели</i><td>Указывает ширину видео плайера</table> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(53156500, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/53156500" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --></body> </html>
размер
Kb
ПРИМЕР ↴
✔ пример в полном окне
Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER
ИЗБРАННЫЕ
ПРИМЕРЫ 2013 г. ЯНВАРЬ >>>