Jump to content
  • 0

Видеоплеер для сайта

Brodyaga337

Asked by Brodyaga337,

 Share

Question

Brodyaga337 Explorer

Brodyaga337

Posted
Posted (edited)

Подскажите как сделать такой-же раздел с видео как в ВК.

Чтоб внизу были просто виде при наведении на которые появлялась кнопка плей при нажатии на которую открывался плеер в Фэнси-боксе.

А вверху плейлисты при проигрывании которых справа в плеер появлялся список видео в плейлисте.

Ато кучу видео просмотрел там только рассказы как свой плеер на HTML5 или JSH5CN2cumrQU.jpg сделать 

zQD5fQpRIXI.jpg

Edited by Brodyaga337
Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Similar Content

    • Magic_Rabbit
      Стримы HTML и CSS
      By Magic_Rabbit
      Добрый день. Подскажите, пожалуйста, есть ли где на просторах ютуба или другого видеохостинга канал с хорошими стримами вёрстки html? Всё что нахожу на ютубе это видео «Как сверстать макет с нуля за час», но хотелось бы посмотреть что-то в формате стрима, как человек решает типовые задачи. То есть, смотрим, как верстальщик работает с вёрсткой. Думаю, многим новичкам было бы полезно посмотреть, как люди работают с кодом. 
    • iBars
      Видео по ширине экрана. Баг при загрузке страницы
      By iBars
      В шапке стоит видео, которое я через JS подгружаю и подгоняю под размер экрана. Но при первой загрузке страницы видео не растягивается по ширине экрана. Только если ресайзнуть окно. Что делать?
      Тестируемое разрешение экрана 1366x768. Вот сам сайт и код:
      var scWidth; var scHeight; function window_resize() { scWidth = (window.innerWidth > 0) ? window.innerWidth : screen.width; scHeight = (window.innerHeight > 0) ? window.innerHeight : screen.height; $('.scroll_bottom').css('display', (scHeight < scWidth ? 'block' : 'none')); var mainmenu = $('.mainmenu'); var mainvideo = $('#mainvideo'); if (scWidth > 767) { if (mainvideo.length < 1) { mainmenu.prepend('<video muted autoplay loop class="video" id="mainvideo"><source src="/assets/video/bg.mp4" type="video/mp4"></video>'); mainvideo = $('#mainvideo'); } mainvideo.attr('style', ''); if (mainvideo.height() < mainmenu.height()) { // Делаем по всей высоте scale = mainmenu.height() / mainvideo.height(); mainvideo.css('height', mainmenu.height() + 'px'); mainvideo.css('width', (mainvideo.width() * scale) + 'px'); if (mainvideo.width() > mainmenu.width()) { trim = (mainvideo.width() - mainmenu.width()) / 2; mainvideo.css('left', -trim + 'px'); } } else { // Делаем по всей ширине scale = mainmenu.width() / mainvideo.width(); mainvideo.css('width', mainmenu.width() + 'px'); mainvideo.css('height', (mainvideo.height() * scale) + 'px'); if (mainvideo.height() > mainmenu.height()) { trim = (mainvideo.height() - mainmenu.height()) / 2; mainvideo.css('top', -trim + 'px'); } } } else if (mainvideo.length) { mainvideo.remove(); } } window_resize(); $(window).resize(window_resize);  
      В атрибуте style ему задана правильная ширина, но само видео почему-то по ней не растянулось. Только после ресайза окна растягивается
    • Ron2
      Почему скрипт панорамного видео проигрывателя не конвертирует файл mp4 в панораму на 360°?
      By Ron2
      Здравствуйте.
      Помогите разобраться с довольно несложной проблемой. У меня имеется скрипт видео проигрывателя, для просмотра 360° панорам, но с ним возникает непонятная ситуация, а т.е. файл index.html который находится в корневой папке этого скрипта (ссылка где можно скачать источник скрипта https://cloud.mail.ru/public/5yBL/S26p9JxG2 ) при работе с моим панорамным видео файлом 55.mp4 (он лежит в папке assets в архивном файле 3Dvideo.rar) воспроизводит его как обычный видео файл, а не делает, то что должен, а т.е. преобразовывать (конвертировать его "на лету") в панораму 360° просмотра примерно как здесь: https://yanwsh.github.io/videojs-panorama/ (когда удерживая левую кнопку на экране можно вращать в разные стороны видео). Прошу вашей помощи что бы найти то место, где скрывается ошибка в этом скрипте, т.к. мои навыки в программировании не привели к конкретным результатам. Может у кого нибудь получится обнаружить "корень" проблемы.
      С уважением. Роман.
    • AlexU
      Чем нужно при верстке заменять слайдер
      By AlexU
      В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?
    • Yeldos
      Как изменить размер видео
      By Yeldos
      В html размеры прописаны так:
      <div class="video"><iframe width="280" height="200" src="" frameborder="0" allowfullscreen></iframe></div>
      Как прописать размеры видео в css без приписки width, height в iframe ?
       
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept