Pages (2): 1 2   
Member
Member
tplowe56   13-01-2019, 20:06
#1

I have one album & sub-albums devoted to YouTube videos. I use the method using class-textobject, which uses a jpg file and a text file with the YouTube embed code, that are named exactly the same. This works fine if you click on the file name link below an image, but not if you click directly on the image (when using zpBoostrap).

I have been reading the Fancybox documentation that states that fancy box handles YouTube links quite easily. Anyone have ideas if this could be implemented in Fancybox if the correct code is used in the text file?

My current text is very simple, but it gives an error from Fancybox.

Here is the documentation for video on Fancybox: http://fancyapps.com/fancybox/3/docs/#video

Thanks

Administrator
Administrator
acrylian   13-01-2019, 20:38
#2

If I read correctly you should add something like this YouTube video into the textobject so fancybox triggers on it. That's the URL of the video page and not the Youtube embed code.

Member
Member
tplowe56   13-01-2019, 21:27
#3

Pretty sure I tried that. But it seems like if ZP hands off that code to Fancybox it should play the video. I will look at Fancybox settings in zpBootstrap next.

Member
Member
tplowe56   13-01-2019, 21:45
#4

Did a quick look through the Fancybox javascript and it appears that processing youTube videos is quite robust. It must be something simple to get Fancybox to trigger the the YouTube video.

Member
Member
vincent3569   13-01-2019, 23:03
#5

I am afraid I never used this feature of zenphoto.
I have no idea how videos work in general with zenphoto and how it should work with zpBoostrap.

as requested before, can you provide a link to have a look?

Member
Member
tplowe56   14-01-2019, 02:28
#6

Vincent my gallery is private. I have sent you address & credentials via the contact form on your personal gallery.

Member
Member
tplowe56   14-01-2019, 02:34
#7

Hosting videos via YouTube is quite a bit better at serving to users than hosting videos on a shared server. The method I mention above is quite simple. If it was just adapted to Fancybox it would be a good feature. The Fancybox code looks like it is designed to handle media from many, sources, just need to implement the proper code that transfers the link from ZP to Fancybox.

Member
Member
vincent3569   14-01-2019, 09:03
#8

hi
simply, I think my theme doesn't support videos as you want.
do you use plugin class-video or one other?
I need to know how reproduce your case, and hope so, improve my theme.

Administrator
Administrator
acrylian   14-01-2019, 10:53
#9

Pretty sure I tried that. But it seems like if ZP hands off that code to Fancybox it should play the video. I will look at Fancybox settings in zpBootstrap next.

Then it might be a JS rebinding issue but I don't think because textobject is server side so all ready when Fancybox is initated. Review the code the theme produces if yo add the fancybox html discussed above.

Textobjects are really code agnostic. You can enter any html and it is basically just printed out instead of the sized image on image types. You should really try this in a standard theme. If it works there it is something different in VIncent's theme (which I am not familar with).

Member
Member
vincent3569   14-01-2019, 11:32
#10

ok, I understand:

you use class-textobject with embeded code to your videos on youtube (https://forum.zenphoto.org/discussion/1409908/embedded-youtube-videos-no-longer-displaying-on-mobile-devices), using a tip of zenphoto (https://www.zenphoto.org/news/using-external-sources/#using-videos-from-youtube-or-other-portals).

the best way to help you is to give the full context of your use case as it is not a standard behavior of zephoto!

I will have a look...

Administrator
Administrator
acrylian   14-01-2019, 12:05
#11

Well, those are suggestions. textobject usage itself has no standard behaviour except outputting its content instead of the normal image.

@vincent3569 Sidenote: I just wanted to try myself and somehow I could not activate the theme. Reason was that the folder/archive downloaded from Github is named zpBootstrap-2.2 while the theme name is actually zpBoostrap. So it needs to be renamed to zpBootstrap first. Probably other users stumble upon that so I suggest to add taht to the install instructions.

Administrator
Administrator
acrylian   14-01-2019, 12:13
#12

@tplowe56 I now understand what you tried. It tries to open the file directly this way which of course is not working. It will require the theme to handle non image files differently by outputting the textobject html directly on the thumb view. It might be possible to have the full-image.php return the content if protected full image view is enabled. Will take a look when I get the time.

Member
Member
tplowe56   14-01-2019, 14:53
#13

Just FYI, the Basic theme presents YouTube videos just fine when clicking on a thumbnail. I have use this method for years, but I have set that video album to use the basic theme. The code I use in the text file looks like this: [code][/code]

Administrator
Administrator
acrylian   14-01-2019, 18:24
#14

Yes, because the basic theme uses the image page itself and not any *box script like zpBoostrap that opens the file itself (the "full image" which in this case is not an image but a text file).

Member
Member
vincent3569   15-01-2019, 10:17
#15

hi
with zpBootstrap, it works too on image.php as with basic.
the behavior of zpBootstrap on album.php is a following:

  • click on image name under image itself: redirect to image.php
  • click on image thumb: open image in fancybox (it's a behavior closed to gallerrific : able to see all images in albums page without reload image page for each image).

to improve my theme to open video with fancybox in album.php, I have to detect if it's an image or a text file and then, adapt the code.

Administrator
Administrator
acrylian   15-01-2019, 10:50
#16

You can quite easily check if it is a real image or another "image" type within the next_image loop:
[code]
if(isImagePhoto($_zp_current_image)) {
// real image
} else if(isImageVideo($_zp_current_image)) {
//custom stuff for real video/audio "images"
} else {
$objectclass =strtolower(get_class($_zp_current_image));
if($objectclass == 'textobject') {
// do Fancybox custom code for textobjects - however caution since textobject can be anything
}
}[/code]

Member
Member
vincent3569   15-01-2019, 11:22
#17

thanks malte
really appreciate the help

Member
Member
vincent3569   17-01-2019, 10:45
#18

hi
I need help for video or audio files:
with class-video, is there a way to know if there a video or audio file?

Administrator
Administrator
acrylian   17-01-2019, 13:32
#19

Best check the suffix using getSuffix(). It's generally .mp4/m4v for video and m4a/mp3 for audio.

Member
Member
vincent3569   17-01-2019, 18:37
#20

hi again,

to manage online video with my theme, I would like to create a new class, quite similar to the class-textobject class.
I started doing this in a dedicated plugin.

rather than this solution, is it possible to create it directly in my theme?
if so, how should I go about it?

thank you in advance for your help.

Pages (2): 1 2   
  
Powered By MyBB, © 2002-2026 MyBB Group.
Made with by Curves UI.