Розробка, підтримка, SEO, просування, соцмережі та реклама сайтів ☣
Кабінет клієнта
Зареєструватись Забули пароль?

Управління відео в html 5

Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 3-11-2016, 18:36 673 0
Управління відео в html 5

Стандартний відеоплеер html 5 не дає змоги редагувати паузою та розміром відео.

Пропоную змінити управління відео за допомогою скрипта...

Відео HTML5 з кнопками замість панелі управління:

 

Скрипт знайшов у москалів:


<!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>
</body>
</html>
 
 


Коментарі

⤹ Залишити свій коментар ⤸

  • оновити, якщо не видно коду

Тарифні плани

Потужний старт Стандартний запуск сайту від $400
  • - ♜ -
  • В стартовий тарифний план входить:

  • Розробка та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 5 сторінок
  • Ліцензія двигунчика DLE
Просунутий SEO оптимізований сайт від $700
  • - ♚ -
  • В SEO тарифний план входить:

  • Створення та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 10 сторінок
  • Ліцензія двигунчика DLE
  • 5 силок + перелінковка
Імперський винущувач конкурентів від $999
  • - ♛ -
  • В імперський тарифний план входить:

  • Розробка сайту
  • Наповнення до SEO 20 сторінок
  • Повна оптимізація
  • Ліцензія двигунчика DLE
  • МОЄ НАТХНЕННЯ та ДОСВІД!
/* soc-knopki */