Ambiera Forum

Discussions, Help and Support.

Create a new account, Search, or Login:
Name: Password:
Ambiera Forum > RocketCake
HTML 5 Video background image not showing
Author Text

wjensen
Registered User
Quote
2022-06-20 16:56:48

I have inserted a HTML 5 Video frame in a multi-column container, specified BackgroundMode 'Image', BackgroundRepeat 'Cover area' and added a BackgroundImage link to a 400x276 pixel jpg image.
This look fine in the designer, but when previewing the page, the background is just black. At load time it seems that the image shows up for about half a second.
The video plays fine in preview.
I haven't tried publishing the site.
This is Rocketcake 4.6 free edition.
Please advise.


wjensen
Registered User
Quote
2022-06-20 17:33:30

Just tried with just a gradient, that shows up black too.


erik
Registered User
Quote
2022-06-20 18:40:05

You mean the background for the video element? Shouldnt that show the video?


niko
Moderator
Quote
2022-06-21 06:47:05

That's likely because that's how the first frame of your video looks like.


wjensen
Registered User
Quote
2022-06-21 10:49:01

Testing with another video do indeed show the first video frame, so that other video could very well have a black frame at the front.
However that leaves the question, what is the purpose of a background image, or background color for that matter?
It seems to show just for the short time the video is loaded.


niko
Moderator
Quote
2022-06-21 10:52:31

Sometimes the video can also not be loaded, or takes longer to load (=slow connection) then this will be shown as well. But yes, its usefulness is limited, indeed.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "?nternational" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© 2020 Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact