Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Noobile
0 / 0 / 0
Регистрация: 16.05.2018
Сообщений: 1
1

Сделал плеер на HTML (кое как)

16.05.2018, 19:54. Просмотров 242. Ответов 0

Есть готовый плеер на html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
    <script src="script.js"></script>
    <title>Player</title>
    <link rel="shortcut icon" href="player_play.ico" type="image/x-icon">
    <link rel="stylesheets" href="css.css" type="text/css">
</head> 
<body>
    <div>
        <video id="video" src="#" width="40%" onClick="PlayPauseVideo()"></video>
    </div>
    <br>
    <div>
        <input type="range" id="ratio" style="width:40%;" onmousedown="clearAnimateRange()" onmouseup="movedRange()"><br>
        <input type="button" value="PlayOrPause" onClick="PlayPauseVideo()">
        <input type="button" value="FullScreen" onClick="fullScreen()">
        <input type="range" onmousemove="changeVolume()" id="volume" value="100" min="0" max="100">
    </div>
</body>
</html>
и к нему js
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
var video, duration, startDuration, volume;
 
window.onload = function(){
        video = document.getElementById("video");
        duration = document.getElementById("ratio");
        volume = document.getElementById("volume");
        duration.value = 0;
        duration.min = 0;
        duration.max = video.duration;
        
}
 
function PlayPauseVideo(){
    if(video.paused){
      video.play();
      startDuration = setInterval(initDuration,1000/66);
    }
    else
    {
      video.pause();
      clearInterval(startDuration);   
    }
    
}
function changeVolume(){
    video.volume = volume.value/100;
}
function movedRange(){
    video.currentTime = duration.value;
    PlayPauseVideo();
}
 
function initDuration(){
    duration.value = video.currentTime
}
function clearAnimateRange(){
    clearInterval(startDuration);
      if(video.paused){}
      else
      {
      PlayPauseVideo();
      }
 }
И вот у меня возник вопрос. Как сделать fullscreen mode по кнопке и как сделать так что бы если я остановил видео и с помощью ползунка перематываю, то видео не продолжалось и наоборот.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.05.2018, 19:54
Ответы с готовыми решениями:

сделал, но кое что не получилось как нужно
Ребята почему то не выводит из потока данные массива, помогите пожалуйста найти ошибку вот листинг:...

Плеер на HTML 5 и JS
Доброго времени суток. Подскажите как создать аудио плеер для сайта на HTML5. Притом добавить не...

плеер на html
Хочу сделать на сайте прослушать песню,помогите сделать пожалуйста,через html

Сделал форму контактов html, а обработчик php не получается
сделал форму контактов html,а оброботчик php не получается к нему..НУЖНА помощ.. &lt;form...

Beez-20 + HTML + CSS не пойму что не так сделал
утра доброго !! не подскажете, как вывести корзину в beez-20 на самый верх? у меня получается ,...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.05.2018, 19:54

html форму сделал а дальше, похоже, самостоятельно не смогу
Помогите пожалуйста. html форму создал а дальше, похоже, самостоятельно не смогу. С php ничего не...

Html и Flash плеер
Всем привет :) Вот начал изучать html и css,дошел до создания Плеера Html и flesh ,и вот имеет...

Аудио плеер в HTML
Помогите, пожалуйста, решить возникшую проблему с отображением аудио плеера на странице. В качестве...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru