Как сделать вместо видео превью?

Question

[Дмитрий]

Вот пример
https://imgur.com/a/PnxGgFM

Как сделать также

Comments

[Дмитрий]

Где?

[Дмитрий]

slo_nik, что где?

[snap44]

Дмитрий, что что?

[Дмитрий]

snap44, что именно?

[Дмитрий]

Дмитрий, догадайтесь с первого раза.
Пример где?!!

[Дмитрий]

slo_nik,

Вот пример, гифка https://psv4.userapi.com/c848436/u230115716/docs/d...

[Дмитрий]

Дмитрий, вы сначала сами попробуйте её открыть...

[Дмитрий]

slo_nik, Ну вот другой https://imgur.com/a/PnxGgFM

[hckn]

Дмитрий, ппц. Берешь картинку ставишь ее. При клике на картинку показываешь видео. очень сложно.

[Максим]

hckn, а теперь представьте 100000 видео, и для каждого видео поставить картинку ? Вопрос очевидно об автоматизме...загрузил видос а картинка должна создастся автоматом

[ThunderCat]

Максим Ленский, картинка создается автоматом
а) в браузере, в автоматическом режиме исходя из первого кадра видеофайла;
б) в случае если указан атрибут poster, используемый браузером как "заставка" видео;
в первом случае ничего делать не нужно, во втором необходимо эту картинку где-то взять, судя по гифке ТС, картинка прописана руками, так как содержимое видео "немного" не совпадает с обложкой. Что, в прочем, не мешает создать ее программно.

[hckn]

Максим Ленский, глазки раскрой свои, в примере картинка левая

Answer 1

[Денис Васильев]

А атрибут poster разве не подходит для этого?
https://webref.ru/html/video/poster

Answer 2

[Martovitskiy]

Можно посмотреть в сторону подмены src

<video id='videoID' width="700px" height="400px" controls="controls" preload="true" loop="loop" muted="muted" volume="0"> 
<source src="//i.imgur.com/7RvC9TA.mp4"> 
</video>

setTimeout(function(){
    document.getElementsByTagName('video')[0].play();
}, 500);
setTimeout(function(){
  var videoFile = '//easportsassets-a.akamaihd.net/pulse.content.easports.com/web/OnlineAssets/easports/2017/easports17-video-reel.mp4';
  var video = document.getElementsByTagName('video')[0];
  video.src = videoFile;
  video.load();
  video.play();
}, 7500);

клик

Comments

[Максим]

это есть у youtube и на pornhub - когда есть превью ролика - наводишь на превью и ролик проигрывается ...
понятно что можно нарезать из видео мелкий видосик и форматировать его в gif но вот как это сделать в автоматическом режиме ?

[Martovitskiy]

Максим Ленский, Я не думаю, что речь шла о кадрировании текущего видео, создания из него gif и запихнуть в атрибут poster. Может не правильно понял, что хочет автор.

[Максим]

Martovitskiy, я этот ответ ищу больше года

[ThunderCat]

Максим Ленский, в смысле в автоматическом режиме? как программно надергать кадров из видео?

[ThunderCat]

Максим Ленский,

я этот ответ ищу больше года

по канону надо писать "Я джва года хочу такую игру."

[Максим]

ThunderCat, зайди на youtube или на pornhub наведи на любое превью и увидишь предмет моего интереса ...но только не говорите что сидит како то очкарик и нарезает из видосов gif ...

[Martovitskiy]

Максим Ленский, ага, лысый сидит и нарезает

[Максим]

Martovitskiy, я так понял ни кто не знает как это делать ?

[Martovitskiy]

Максим Ленский, задумки есть. Не знаю в правильном ли направлении думаю, но если получится реализовать, я отпишусь

[ThunderCat]

Максим Ленский, возможно сказывается разница в опыте, но я нагуглил решение вашей вселенской загадки в течение минуты. Пользуйтесь на здоровье.

[ThunderCat]

Максим Ленский, бонусом как сделать из нарезки минивидео

[Максим]

ThunderCat, я это пробовал всё уже ... ffmpeg я умею пользоваться но я думал проще есть методы

[ThunderCat]

Максим Ленский, хм, а чем не подошло? Или есть какие-то особые причины не использовать открытое ПО специально предназначенное для работы с видео? или под проще предполагается волшебный очкарик выбирающий красивые кадры?

[Максим]

ThunderCat, я не знаю как ffmpeg установить на сервер и как автоматизировать процесс , что бы при загрузке ролик автоматом обрабатывался ... как пользоваться им я знаю ..так как пользовался а вот на сервере не знаю ..вот и думал один раз увидеть а потом делать ...а тут не где увидеть

[ThunderCat]

Максим Ленский, хм, в любом линухе есть установщик пакетов, что то типа sudo apt-get install ffmpeg.
в винде тоже можно установить чисто для "пощупать" на локалке. В любом случае на шареде такое не проканает, в том числе из-за ограничений по вычислительной мощности, тк видеообработка сжирает нехило проца. Нужен хотя бы впс.

[Максим]

ThunderCat, спс ...вот этой инфы нету в сети ...а как это вообще называется ?

[ThunderCat]

Максим Ленский, что именно? установка на линь? https://www.ffmpeg.org/download.html - тут вроде все есть.

[Максим]

ThunderCat, нет ни как установить ..а как эта видео штука при наведении называется ?

[ThunderCat]

Максим Ленский, да хз, просто набрал в гугле ffmpeg frame capture, ясно же что режутся кадры видео а затем уже либо показываются по порядку(кажется так в ютубе) либо в минивидео клеятся(кажется так в vk работает)

[ThunderCat]

Максим Ленский, ошибся, ютуб использует webp

[Максим]

ThunderCat, понял спс - буду рыть - сначала надо потренироваться на лине у себя а потом уже на удалёнке