Hi folks,
The first node is visible for a fraction of a second before the intro video starts.
I figured out to initially stop auto rotate but I could not find a way to hide the node to get rid of the annoying first frame.
https://sweetview.de/boulder-island/
Thanks in advance.
Best. Phil
Hide node before intro video
-
Hopki
- Gnome
- Posts: 13022
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Hi Phil,
You can add a rectangle to cover 100% of the skin under the video element in the skins tree, then in the video element use a media end action to hide it.
Also, add the hide action to the intro videos close button.
The idea being the rectangle will load much faster than the video.
A nice example of embedded video BTW.
Regards,
You can add a rectangle to cover 100% of the skin under the video element in the skins tree, then in the video element use a media end action to hide it.
Also, add the hide action to the intro videos close button.
The idea being the rectangle will load much faster than the video.
A nice example of embedded video BTW.
Regards,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
-
Phil_Himmelmann
- Posts: 29
- Joined: Mon Oct 12, 2020 3:51 pm
- Contact:
Hi Hopki,
thank you so much! The idea behind it did it!
Just to mention, the rectangle under the video element did not work probably because the visibility (alpha) of the video is controlled by a variable. This variable now also controls the visibility of the rectangle.
Best.
Phil
thank you so much! The idea behind it did it!
Just to mention, the rectangle under the video element did not work probably because the visibility (alpha) of the video is controlled by a variable. This variable now also controls the visibility of the rectangle.
Best.
Phil
Hi Phil,
i tried to solve this a/m problem for my latest project by myself with your and Hopki's clues but unfortunatelly i did not get any solution.
There is a presentation which i will have to finish till tomorrow. So, i would be appreciated if you share your solution with us.
Best.
Tolga
i tried to solve this a/m problem for my latest project by myself with your and Hopki's clues but unfortunatelly i did not get any solution.
There is a presentation which i will have to finish till tomorrow. So, i would be appreciated if you share your solution with us.
Best.
Tolga
-
Phil_Himmelmann
- Posts: 29
- Joined: Mon Oct 12, 2020 3:51 pm
- Contact:
Hi Tolga,
step by step.
1. export the first frame of your video as jpg.
2. load the jpg as image in the skin
3. load the video in the skin. (if it should fill the frame put this dcode into "CSS Styles Inner Element": object-fit: cover; overflow: hidden;)
4. add following action to the video element:
Source: Config loaded
Action: Set Value
Value: $(r)media/filename.mp4
Target: _self
5. add following action to the image element:
Source: Media Ended
Action: Visibility
Type: Hide Element
Target: _self
That should do it.
All the best. Phil
step by step.
1. export the first frame of your video as jpg.
2. load the jpg as image in the skin
3. load the video in the skin. (if it should fill the frame put this dcode into "CSS Styles Inner Element": object-fit: cover; overflow: hidden;)
4. add following action to the video element:
Source: Config loaded
Action: Set Value
Value: $(r)media/filename.mp4
Target: _self
5. add following action to the image element:
Source: Media Ended
Action: Visibility
Type: Hide Element
Target: _self
That should do it.
All the best. Phil
