1997
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Javascript + CSS
::
• блок
• текст
• линк
• меню
• фото
• окно
• кнопка
• фон
• видео
• таблица
ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года
ИЗБРАННЫЕ ПРИМЕРЫ 2013 г. ЯНВАРЬ >>>
HTML ↴
<!DOCTYPE html> <html> <head> <!-- //// http://www.w3schools.com/html/html5_video.asp ----> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <title>Видео HTML5 с кнопками вместо панели управления</title> </head> <body> <div style="text-align:center"> <button onclick="playPause()">Play/Pause</button> <button onclick="makeBig()">Big</button> <button onclick="makeSmall()">Small</button> <button onclick="makeNormal()">Normal</button> <br> <video id="video1" width="420"> <source src="video7/01.mp4" type="video/mp4"> <source src="video7/01.webm" type="video/webm"> <source src="video7/01.ogg" type="video/ogg"> Your browser does not support HTML5 video. </video> </div> <script> var myVideo=document.getElementById("video1"); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig() { myVideo.width=560; } function makeSmall() { myVideo.width=320; } function makeNormal() { myVideo.width=420; } </script> <table > <tr> <td>Browser</td> <td><b>MP4</b> (MIME-type: video/mp4)</td> <td><b>WebM</b> (MIME-type: video/webm)</td> <td><b>Ogg</b> (MIME-type: video/ogg)</td> </tr> <tr> <td><b>Internet Explorer</b> 9+</td> <td><b>YES</b></td> <td>NO</td> <td>NO</td> </tr> <tr> <td><b>Chrome</b> 6+</td> <td><b>YES</b></td> <td>YES</td> <td>YES</td> </tr> <tr> <td><b>Firefox</b> 3.6+</td> <td>NO</td> <td><b>YES</b></td> <td>YES</td> </tr> <tr> <td><b>Safari </b>5+</td> <td><b>YES</b></td> <td>NO</td> <td>NO</td> </tr> <tr> <td><b>Opera</b> 10.6+</td> <td>NO</td> <td><b>YES</b></td> <td>YES</td> </tr> </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 г. ЯНВАРЬ >>>