Additional Request To Root Document In Waterfall When Embedding Video In Background Of Column
Dresden Hepcats e.V. (c/o Simone Dressler)
Hello,
we have implemented a video in the properties of a row (see https://pasteboard.co/dt0QORzCkjRF.jpg). This results in additional request in chrome dev tools waterfall, which takes additional time and which we would like to prevent (see https://pasteboard.co/ZuwyjrX1vVcC.jpg). Also it does not really make sense to me, since the video is called an treamed on antoher request. This is also true when embedding a youtube video. Removing the video immediately fixes the behaviour.
Link to simplified example
https://dresden-hepcats.de/dev/test-issue-video
My questions:
- Can you reproduce and explain the behaviour?
- Is there a work-around available?
Best regards,
Sascha
Version information
- Joomla 5.1.0
- SP Pagebuilder 5.3.1
- Apache/2.4.59
- PHP 8.3.6
Dresden Hepcats e.V. (c/o Simone Dressler)
Accepted AnswerLink to screenshot files, as links are broken above:
Setup of row: https://pasteboard.co/dt0QORzCkjRF.jpg Google Dev Tools Waterfall: https://pasteboard.co/ZuwyjrX1vVcC.jpg
Toufiq
Accepted AnswerHi there,
Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. I have checked your issue. But, i don't see the problem.
Please watch the video.
https://drive.google.com/file/d/1f3RRzYmEZwfkHNd760GP7YLoyf66GdOY/view
Best regards,
Toufiqur Rahman (Team Lead, Support)
Dresden Hepcats e.V. (c/o Simone Dressler)
Accepted AnswerHello Toufiqur,
I marked the issue in the waterfall. It is a additional request which seems weird to me. THis just occurs when embedding the video in the backgroud of a row.
https://pasteboard.co/jtGaB8js5bge.jpg
In terms of performance optimization it would also be helpful to be able to specify a poster, to quickly load an image an avoid delays for video load (https://www.w3schools.com/tags/att_video_poster.asp). Poster option is already in the code but cannot be configured for the video in sp pagebuilder frontend-wise. Or did I miss anything.
<video class="section-bg-video" autoplay muted playsinline loop poster="/"><source src="/https://dresden-hepcats.de/images/06_Others/2023_06_08_Solo_Jazz_Kurs_Big_Apple_Teaser_50MB.mp4" type="video/mp4"></video>
Also is webm support planned for integrating videos with SP Pagebuilder?
Best regards,
Sascha
Toufiq
Accepted AnswerCould you kindly grant me access to your Joomla administrator area so that I can investigate the issue you're experiencing? Prior to providing access, please ensure that you have backed up your site. Additionally, it's important to note that providing login credentials is entirely voluntary on your part; we respect your decision either way. However, if you do choose to share the login details, it would greatly expedite the resolution process. Thank you for your cooperation.
Dresden Hepcats e.V. (c/o Simone Dressler)
Accepted AnswerHello Toufiq,
thanks for coming back to me. I post the credentials in the private area.
Best regards,
Sascha
Dresden Hepcats e.V. (c/o Simone Dressler)
Accepted AnswerAdditional notes to live site in hidden content :-).
Toufiq
Accepted AnswerI have added a background image. When it takes time image will display.
Dresden Hepcats e.V. (c/o Simone Dressler)
Accepted AnswerHello Toufiq,
ok got it. Setting an image, at the same time specifying a video and leaving video section "activated" puts in a the poster image and also resolves the issue of the additional request to the root document (this has been due to not specifying an image).
<video class="section-bg-video" autoplay muted playsinline loop poster="/images/06_Others/2023_12_31_og_graph_image_home.jpg"><source src="/https://dresden-hepcats.de/images/06_Others/2023_06_08_Solo_Jazz_Kurs_Big_Apple_Teaser_50MB.mp4" type="video/mp4"></video>
Whatsoever, this maybe an improvement for future development as this is not really straightforward from a user perspective? I think the relation between backgrund image und video, does not become clear ux-wise, at least for me. Also, when implementing a video with a normal add-on the is a dedicated section where you specify a poster.
Anyway, many thanks for resolving this :-).
Best regards,
Sascha