Video within modals in humhub


Topic: Video within modals in humhub

ArtUnion asked 3 years ago

Expected behavior I integrated "Video within modals" to my website based on Humhub. Video is displayed in a window, but it is not played and no way to close it Actual behavior

Resources (screenshots, code snippets etc.)

you can check here https://www.artunion.com/p/test


Michał Duszak staff answered 3 years ago

It looks like your modal gets too little z-index. Try to use this CSS

.modal {
    z-index: 1055 !important;
}

ArtUnion answered 3 years ago

it works well now I integrated you examle here. https://www.artunion.com/php-pages/global_pages/test.php

but if I lauch it via humhub, it doens't work https://www.artunion.com/p/test

could you help pls regards


Michał Duszak staff commented 3 years ago

Modal works fine when i launch it on https://www.artunion.com/p/test

Could you please tell me exactly where this problem occurs?


ArtUnion commented 3 years ago

Pls see my screen shootpls see error:

https://artunion.com/tmp/error.png

this is happend on https://www.artunion.com/p/test


Michał Duszak staff answered 3 years ago

In the console I see an error that says Refused to load the font '<URL>' because it violates the following Content Security Policy directive: "font-src 'self'". And in details it prevents at least four font-awesome related resources from loading into the project.

Here's an MDN reference: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src


ArtUnion commented 3 years ago

sorry Michal

May I ask you an example to add to my test.PHP for CSP pls many thanks in advance


Adam Jakubowski staff pro premium priority answered 3 years ago

Hello @ArtUnion,

I've reached out to you via the email address assigned to your mdbootstrap account.

Keep coding,


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.2
  • Device: window
  • Browser: chrome
  • OS: window
  • Provided sample code: No
  • Provided link: Yes