1. NOTICE: If you are using Fabrik and update to Joomla 3.10, you will need to update to Fabrik 3.10. And, if you are using Fabrik, do not upgrade to Joomla 4, we do not have a supported version ready for release. More information on a release date coming soon. Also, please note that Fabrik 3.10 will not install on any Joomla sites less than 3.8.
    Dismiss Notice

Mp4 file thumbnail configs not working

Discussion in 'Community' started by bespokeappstt, Oct 10, 2021.

  1. bespokeappstt

    bespokeappstt Hubstaff freelancer

    Level: Community
    I'm using the fileupload and have a list of mp4 files. I want a thumbnail preview. Right now the exact preview size is showing even though I have specified a height and width. What should I do? Here are the configs:
    upload_2021-10-9_22-57-45.png

    upload_2021-10-9_22-58-47.png

    upload_2021-10-9_22-59-14.png

    On the front end the mp4 file is so huge you have to horizontally scroll:

    upload_2021-10-9_23-0-35.png
     
  2. bespokeappstt

    bespokeappstt Hubstaff freelancer

    Level: Community
    Also when the user clicks on the thumbnail I want it to open in a new tab and play. I have configured the 'List View Settings' for this but it doesn't work. When you click on the video it open up in the parent window. How do I get it to open in a new tab?
    upload_2021-10-9_23-5-35.png
     
  3. troester

    troester Well-Known Member Staff Member

    Level: Community
    A mp4 file is no image with a thumbnail, width and height are taken from your video itself.
    Use custom CSS to display the size you want and/or override plugins\fabrik_element\fileupload\layouts\fabrik-element-fileupload-video.php

    You didn't set a custom link, so no "Link Target" is used.
     
  4. bespokeappstt

    bespokeappstt Hubstaff freelancer

    Level: Community
    I'd like to focus on the 'Open in New Tab' functionality. I am not sure I understand what is meant by 'Custom Link'. When I specify a link I thought it meant the base url and you leave the actual filename part blank. Such as:
    Code (Text):

    http://1.1.1.1/images/stories/
     
    But when I use that for the custom link the filename.mp4 is now left out so nothing plays. When they say custom link, what is meant?
     
    Last edited: Oct 11, 2021
  5. bespokeappstt

    bespokeappstt Hubstaff freelancer

    Level: Community
    This is what happens when I insert the custom link:
    upload_2021-10-11_9-41-35.png

    When I uploaded them Fabrik stored them in 'stories' but I also have then in the 'videos' folder. The url you see in the video is not the url but it helps convey the issue.
     
  6. juuser

    juuser Well-Known Member

    Level: Community
    You can use placeholders in custom link, so adding {table___fileupload-element_raw} into custom link field should do. No need to add the domain part if the link should refer to current domain.
     
  7. troester

    troester Well-Known Member Staff Member

    Level: Community
    @bespokeappstt : Not sure what you are trying at all.

    On my site with "Show media in list"=yes an uploaded mp4-file will automatically create a player with preview and controls and the user can play directly or open the video in full size etc.
    The preview size is the the original size defined in the mp4, so you have to use CSS to set your own width/height.

    If you set your fileupload "show media in list"=no and link to file then it's showing the filename is list view and a click will open the player on the same site (if somebody wants to add a "Target" option here, too, go ahead...)
    It you want to open it in a new tab you can add an override for plugins\fabrik_element\fileupload\layouts\fabrik-element-fileupload-file.php
    or you have to define a custom link (with placeholder, see @juuser above) and set the custom link target.
     
  8. bespokeappstt

    bespokeappstt Hubstaff freelancer

    Level: Community
    I will try out the CSS stuff but for now the:
    Code (Text):

    {table___fileupload-element_raw}
     
    works. This is great. Solved.
     

Share This Page