1 / 1 / 2
Регистрация: 15.09.2015
Сообщений: 156
1

Видео плеер

23.05.2016, 12:26. Показов 2366. Ответов 6
Метки нет (Все метки)

Как создать видео плеер ? то есть я то знаю как , надо сделать что бы он хот чуть чуть был похож на плеер вк , и с плейлистом , есть ли примеры какие то ? или хотя бы как создать этот гребаный плейлист что будет брать видео например от сюда https://vk.com/video?section=cat_ugc_popular и при клике воспроизводить видео ? есть ли примеры ? ато в гугле чет пустовато по этому поводу ..или плохо искал )
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.05.2016, 12:26
Ответы с готовыми решениями:

Видео плеер на странице php
Доброго времени суток ...... есть скрипт видео плеера ссылки на видео хранятся в бд <?php...

Сделать мини иконки видео(ссылки) с продолжительностью видео как на ютубе
Как сделать мини иконки( ссылки) как вот тут https://www.youtube.com/ И ОБЯЗАТЕЛЬНО снизу в...

плеер для сайта на php
Здравствуйте. Подскажите, пожалуйста, как можно самостоятельно написать плеер для сайта. Сайт на...

Отдача файла во flash плеер
Здравствуйте! Подскажите кто может разобраться с одной проблемой. В общем, перерабатываю...

6
Эксперт HTML/CSS
2957 / 2546 / 1066
Регистрация: 15.12.2012
Сообщений: 9,607
Записей в блоге: 10
23.05.2016, 19:54 2
VINDER_Z, а теперь уточните, что конкретно Вам необходимо? Помощь в html-вёрстке плеера или создании дополнительных функциональных возможностей с помощью js-скриптов? Было бы неплохо прикрепить свои наработки...
1
1 / 1 / 2
Регистрация: 15.09.2015
Сообщений: 156
24.05.2016, 02:21  [ТС] 3
много гуглил , ниже все что нажил непосильным трудом =)))
HTML5
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html>
<head>
  <title>jquery-videojs-playlist | MWFire</title>
 
  <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
  <link href="css/jquery-videojs-playlist.css" rel="stylesheet">
  
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
  <script src="http://vjs.zencdn.net/c/video.js"></script>
  <script src="js/jquery-videojs-playlist.js" type="text/javascript"></script>
   
<style type="text/css">
body { background: #F0F0F0; }
</style>
 
</head>
 
<body>
 
<!-- This is the default structure for main video and playlist -->
<!-- Not necessarely wrapped in #video_canvas, it can be seperated -->
<div id="video_canvas">
    <div id="video_wrapper"></div>
    <div id="video_pane"></div>
</div>
 
<script>
$(document).ready(function() {
    
    // create a new instance of the plugin
    var myvideojsplaylist = new $.videojsPlaylist({
        
            // Possible settings (defaults):    
            // write HTML to DOM?
            write_tags      :   true,
            // path to video files
            video_folder    :   "", 
            // div container of the main video
            video_div_id    :   "video_wrapper",
            // div container of the preview videos
            playlist_div_id :   "video_pane",
            // main video width
            video_width     :   "740",
            // main video height
            video_height    :   "417",
            // should main video start on load?
            video_autoplay  :   true,
            // preview videos width
            preview_width   :   "220",
            // preview videos height
            preview_height  :   "139",
            // should preview videos preload?
            preview_preload :   false,
            // should preview videos loop?
            preview_loop    :   true,
            // volume of preview videos?
            preview_volume  :   0,
            // should preview video be replaced with current main video?
            preview_replace :   true,
            // where to start with the preview video playlist.
            // set to 1 as main video (offset 0) is already main video
            preview_offset  :   1
    });
    
   // feed the videos to the playlist. Must be an array, therefore [], no suffix
   // note: First Video will be initially shown
   myvideojsplaylist.initVideos( ['Movie1', 'Movie2', 'Movie3', 'Movie4'] );
   
});
</script>
 
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
body { background: #222; }
#video_player { 
  display: table; line-height: 0;
  font-size: 0; background: #000;
  max-width: 1000px;
  margin: 0 auto;
}
#video_container { 
  position: relative;
}
#video_player div, #video_player figcaption { 
  display: table-cell;
  vertical-align: top; 
}
#video_container video { 
  position: absolute; 
  display: block;
  width: 100px;
  height: 100px;
  top: 0;
}
 
}
не и джейк вери истественно , все ниже в архиве если что ) нужно как то вставить туда видео записи из вк , что бы можно было их просматривать тут , с возможностю сортировки и т д ...
Вложения
Тип файла: rar ewfewfwefewfwefwefwef.rar (5.9 Кб, 11 просмотров)
0
1 / 1 / 2
Регистрация: 15.09.2015
Сообщений: 156
24.05.2016, 02:25  [ТС] 4
Тип так =)
Миниатюры
Видео плеер  
0
Эксперт HTML/CSS
2957 / 2546 / 1066
Регистрация: 15.12.2012
Сообщений: 9,607
Записей в блоге: 10
24.05.2016, 12:32 5
Цитата Сообщение от VINDER_Z Посмотреть сообщение
нужно как то вставить туда видео записи из вк , что бы можно было их просматривать тут , с возможностью сортировки и т д ...
То есть, если я правильно понял записи с вк должны попадать в Ваш плеер с сайта вк? Если да, то html может предложить только использовать iframe, что само по себе не лучший вариант... А так у меня на уме только cURL вертится... Если хотите тему перенесу в раздел php?
1
1 / 1 / 2
Регистрация: 15.09.2015
Сообщений: 156
24.05.2016, 13:20  [ТС] 6
буду очень благодарен )
0
1 / 1 / 2
Регистрация: 15.09.2015
Сообщений: 156
24.05.2016, 14:06  [ТС] 7
вот откопал еще одну фишку , мож как то это все обьеденить ?)))
Вложения
Тип файла: rar demo.rar (13.8 Кб, 10 просмотров)
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
24.05.2016, 14:06

Как вставить на страницу плеер YouTube?
Как вставить на страницу плеер YouTube ? Читал похожие темы, не совсем то что надо. Тут код не...

Можно ли создать на PHP аудио-плеер?
Изучаю PHP чуть больше года, для отработки теоретических знаний создал сайт, посвященный этому...

Аудио плеер mp3 без ogg
Ребят, привет.Подскажите,как можно избежать дубликата файла при использовании плеера html5 ?А то...

Встречали кто нибудь видео плеер с возможностью вставки видео рекламы
Доброго времени суток. Такой вопрос встречали кто нибудь видео плеер с возможностью вставки видео...


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

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

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