Announcement

#16 2014-10-22 10:30:45

xbgmsharp
Member
1970-01-01
215

Re: How to adjust videojs player size?

@noxx the screenshot does not show the default template.

The new version of the VideoJS plugin include a responsive design to allow mobile device support.
The responsive design is in pure CSS.

Maybe you can clean the cache, in the PWG> Tools > Maintenance.
Click on a 'Purge compiled templates' and a 'Purge user cache'.

You might want to remove he VideoJS plugin and re-install it.

Although in order to debug the template issue, without a link it is very hard to test/debug/fixed.

Offline

 

#17 2014-10-22 17:46:09

noxx
Member
2013-04-17
13

Re: How to adjust videojs player size?

hi, i found the problem. its the thumnails.

if i add a folder pwg_representative under my video folder with the thumbs.png,
piwigo show the videos too small. if i delete the folder pwg_representative and
rename the video folder from video to movie (with new sync), the video
size is ok, but i ve no thumnails...

i create the pngs with ffmpeg on my windows pc and upload the files via ftp


Here a Test Folder for you
http://www.schatthaus-wetter.de/piwigo/ … ategory/95

regard

in the attachment you will find my thumb for this folder

Last edited by noxx (2014-10-22 17:56:47)

Offline

 

#18 2014-10-22 18:14:34

xbgmsharp
Member
1970-01-01
215

Re: How to adjust videojs player size?

The name thumbs.png is not a valid name.
Please refer to https://github.com/xbgmsharp/piwigo-vid … equirement

"
    The video clip must be a support format (mp4, ogg, webm or MP4, OGG, WEBM) and must contain no space neither special character.
    The poster must have the same size (width and height) of the video.
    The poster must be in the subdirectory of the album in 'pwg_representative'.
    Multiple source must be in the subdirectory of the album in 'pwg_representative'.
    The poster must be a '.jpg' or '.png' file.
"

The problem seen to be the second line, where width is somehow set to 120px which seen to be your poster width. 
Your poster must have the same size (width and height) of the video.

Code:

.videocontent {
    width: 80%;
    max-width: 120px;
    margin: 0px auto;
}

Reading manualy-add-video-and-poste
You need to generate the poster and if you want the thumbnail, all using FFMPEG on you computer.
The command can find the command on this link Synchronize
Then you upload by FTP/SFTP the video and/or the poster and if you have done so the thumbnail in the correct directory.
Then you do a PWG sync
PWG will detect the poster size and update the database accordingly.
Go to your video  and it should work.

Thumbnails are be use only with the videojs plugin active.

Last edited by xbgmsharp (2014-10-22 19:54:13)

Offline

 

#19 2014-10-22 19:06:00

noxx
Member
2013-04-17
13

Re: How to adjust videojs player size?

my poster has the size of 120x68px and the same name as the video file

./galleries/Test/test.mp4
./galleries/Test/pwg_representative/test.png

i created the png with
ffmpeg.exe -itsoffset -4 -i test.mp4 -vcodec png -vframes 1 -an -f rawvideo -s 120x68 -y test.png

you write here:
https://github.com/xbgmsharp/piwigo-vid … ynchronize
ffmpeg -itsoffset -4 -i "$INFILE" -vcodec png -vframes 1 -an -f rawvideo -s 160x68 -y "$OUTFILE"
-> 168x68

i will try it later with
ffmpeg -itsoffset -4 -i "$INFILE" -vcodec mjpeg -vframes 1 -an -f rawvideo -y "$OUTFILE"

Offline

 

#20 2014-10-22 19:20:58

xbgmsharp
Member
1970-01-01
215

Re: How to adjust videojs player size?

Your video is 320x240.
Your poster must be 320x240.
The thumbnails are 120x68.

In your case this is the command the generate the poster:

Code:

ffmpeg.exe -itsoffset -4 -i test.mp4 -vcodec png -vframes 1 -an -f rawvideo -y test.png

This is the command the generate one thumbnail at 4 second:

Code:

ffmpeg -itsoffset -4 -i test.mp4 -vcodec png -vframes 1 -an -f rawvideo -s 120x68  -y test-th_4.png

This is the command the generate one thumbnail at 10 second:

Code:

ffmpeg -itsoffset -10 -i test.mp4 -vcodec png -vframes 1 -an -f rawvideo -s 120x68  -y test-th_10.png

Be sure to have the codec (png|mjpeg) matching your file extensions (png|jpg)

Last edited by xbgmsharp (2014-10-23 09:51:30)

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2022 · Contact