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.

<iframe width="560" height="315" src="https://www.youtube.com/embed/r-NpeGdzCmU?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

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

Thanks

If I read correctly you should add something like this`<a data-fancybox href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
YouTube video
</a>` into the textobject so fancybox triggers on it. That's the URL of the video page and not the Youtube embed code.

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.

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.

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?

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

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.

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.

> 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).

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...

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.

@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.

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: <pre>[code]<iframe width="720" height="480" src="https://www.youtube.com/embed/xxxxxxxxxxxxx?rel=0" frameborder="0" allowfullscreen></iframe>[/code]</pre>

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).

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.

You can quite easily check if it is a real image or another "image" type within the `next_image` loop:
<pre>[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]</pre>

thanks malte
really appreciate the help

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?

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

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.