video mp4 not working

Woojciech Member
edited November 2023 in Plugins

the latest version zenphoto and video not working, theme zpBootstrap
example on my web
https://4b.wojciechzgrochowa.pl/index.php?album=2008 Kazimierz Dolny/filmiki

file name is Mov02386_1700861356.mp4

Tags:

Comments

  • acrylian Administrator, Developer

    Sorry, I cannot open your website as the SSL certificate is not working so browsers block it.

    Make sure you

    • have the class-video enabled plus optionally the jplayer plugin
    • have used a codec browsers generally can display
  • Woojciech Member
    edited November 2023

    ssl is not problem to open site, depend on browser - Advanced, next pass by warning and get address (f.ex. in Firefox)
    jplayer is enabled
    no problem exactly with the same files on other site (my old site in java).

    theme is zpBootstrap v2.3 (31/03/2020)

    I created a new album Test with one file film1.mp4

    class-video is enbled

    I don't know what means "Only one multimedia extension plugin can be enabled at the time and the class-video plugin must be enabled, too" - where? - may be this is a problem.

    I set the same resolution to 1920x1080 in both audio-video plugins and jplayer and film is the same.

    I can give You access as admin to the site.

  • Woojciech Member
    edited November 2023

    I already know, I found the reason - the theme zpBootstrap does not support videos.
    So there is a problem, I don't know an responsive theme that will handle video.
    Multiverse supports video but images do not scale on mobile.

  • My version of Paradigm works well with video/music with class-video enabled + I worked hard to ensure it works well on mobile, it also has fluid setting to stretch to full screen.

    Check here:
    https://demo.private-universe.net/other-formats/

  • acrylian Administrator, Developer

    ssl is not problem to open site, depend on browser - Advanced, next pass by warning and get address (f.ex. in Firefox)

    Of course not, it just meant that I had to refuse to visit your site if my browser blocks because invalid certificates.

    The theme used is important basic info as not all are the same. By default zpBootstrap uses an overlay modal for images which does not work with multimedia. Although we forked it for compatibility fixes as it is not officially maintained I don't remember all of its settings. If you can disable the modal and use the single image page instead, media files probably should also work.

    Shortly to:

    Only one multimedia extension plugin can be enabled at the time and the class-video plugin must be enabled, too"

    The class-video plugin does handle video/audio as single files by itself by now. But if you use another media plugin like jplayer or the mediaelementjs plugin you can only use one at the time.

  • tplowe56 Member
    edited November 2023

    You can display video in zpBootstrap theme using the class-textobject plugin, IF you host the files on Youtube. It works very well.

    VIDEO  CODE:
    
    This is for video’s in a Youtube playlist, and will show the playlist in a side bar for the user. Modify the code as desired to show individual video's.
    
    Take playlist sharing code from YouTube studio:
    https://www.youtube.com/playlist?list=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
    Copy the "x" code text and insert as below.
    
    
    Take the video sharing code from the individual video:
    https://youtu.be/yyyyyyyyyyy
    Copy the "y" code text and insert as below.
    
    <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/yyyyyyyyyyy?list=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" autoplay=1&rel=0"></iframe>
    </div>
    
    Place the above text in a "txt" file in an album along side  an identically named jpg as your poster shot/thumbnail. The video will show in a fancybox  pop up if using zpBootstrap.
    Make sure the plugin 'class-textoblect' is enabled in ZP admin.
    
  • Woojciech Member
    edited November 2023

    disabled jplayer and is ok with video,
    thanks for your advice

  • I just need to do something with the icons of Albums where there are only videos.
    I invite you to the website https://kazimierz-dolny.pulawy.pl/

  • Hello Woojciech,

    Could you solve your SSL problem first, as recommended by Acrylian ?
    It is really easy ... and a must nowadays.

    No one will visit your website - icons of videos in your album is a minor problem compared to your SSL problem.

    Here is the page I get, translated from French to English :
    Warning: probable security risk
    Firefox detected a potential security threat and did not proceed to kazimierz-dolny.pulawy.pl. If you access this site, attackers could steal information such as your passwords, emails, or credit card details.

  • acrylian Administrator, Developer

    I just need to do something with the icons of Albums where there are only videos.

    What do you mean with icons? THe thumbs? You need to upload sidecar images for the videos.https://www.zenphoto.org/news/problems-with-albums-and-images/#------thumbnails-for-videos-or-other-non-standard-

  • Woojciech Member
    edited November 2023

    If is film only in a folder - no thumb,
    more - in folder images in theme zpBootstrap, thumbs are as seen on the website (including mp4Default.png), but replacing them does not help.
    Of course, when I add any image to the folder, it will be this image on the album cover.

  • fretzl Administrator, Developer

    Did you read https://www.zenphoto.org/news/problems-with-albums-and-images/#------thumbnails-for-videos-or-other-non-standard- as @acrylian suggested ?

    An album does not have a thumbnail by its own. The album thumb is taken from one of the images inside the album. Which image to use as album thumb can be set on the album-edit page on the backend.

    For video you have to create a thumbnail(called "sidecar image") yourself and pace it in the same album as the video.
    This sidecar image can be anything like .jpg, .png, etc and it has to have the same name as the video!

    For example, if you have a video named koncert.mp4, create a sidecar image named koncert.jpg en place it in the same album as your video..

    So, in you album you now have koncert.mp4 AND koncert.jpg.

Sign In or Register to comment.