Cloudron+LAMP: Tiktok Embed problems

[squareclouds]

@girish yes, I confirm that on mac only safari has this issue, on iOS it is all browsers (maybe because they have to go through the app store?)

hmm, sure, technically I shouldn't share it but since it is for its own sake:

again, I think we were close already with the CORS, because tiktok tries to reach to the website from the iframe. is there a way that I can explicitly allow it to see what happens?

[girish]

@squareclouds I removed that link, why cause concerns. You can send us the link to support@cloudron.io . As for CORS, I have already tested this part. It's not CORS related. Something to do with content blocking in safari or maybe some other configuration on nginx.

[marcusquinn]

AFAIK autoplay is stopped on all browsers by default nowadays - probably because it is annoying as hell.

OptimizePress has a good approach to this:

• https://www.optimizepress.com/
• https://docs.optimizepress.com/article/2759-video-autoplay-not-working/
• https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide

TikTok is also going to get blocked my anyone using any adblockers or tracking blocking settings in their browsers. For that you'll need an adblock banner, too:

Ad unblock banners are also annoying, but if you have no choice but to use TikTok (which morally I wouldn't touch it, but maybe you have to just get the job done, pay billz, and move on from this client)

• https://en-gb.wordpress.org/plugins/adunblocker/
• https://codecanyon.net/item/deblocker-anti-adblock-for-wordpress/24086686

[squareclouds]

@marcusquinn thank you, its noted. firstly it would be more important to get make it behave like on all other browsers and servers. if the user decides to block by their own will is another story

[marcusquinn]

@squareclouds Can you download the video and just embed a .mp4 file?

I don't know what advantage TikTok embeds would have, would seem like more downsides to me, both in your cost of trying to make it work, and user privacy.

Don't know if YouTube is any better, but that might give you a way to compare if you think this is a Cloudron setup issue, or just an issue with the way browsers work with what you're trying to do.

[squareclouds]

@girish I sent you the email yesterday, thank you for looking into this!

[squareclouds]

@marcusquinn not doable, I need the server to work with tiktok by its own. its not 1 video, any user can embed a tiktok, so potentially its hundreds. we also have spotify, youtube, vimeo, twitter, soundcloud and instagram embeds, all working fine. all simple things have already been tested and compared, thats why i am here. at some point I didnt know what to test anymore

[robi]

@girish said in Cloudron+LAMP: Tiktok Embed problems:

track

Blocked by default in Vivaldi.

[timconsidine]

@squareclouds said in Cloudron+LAMP: Tiktok Embed problems:

thats why i am here. at some point I didnt know what to test anymore

After the extensive amount of discussion in this thread, if you haven't solved it and you still want help from the community, maybe you should share the URL of the site running on Cloudron.

Forum posts get indexed by search engines, so probably share a temporary alias which gets removed later.

Also I think I read you don't have the non-Cloudron site running. If that's correct, may I suggest you get one running again for the point of comparison, and of course share its URL (or rather an alias if needed).

Otherwise people trying to help are just guessing.

[girish]

@squareclouds I replied now. But the site you sent me (which I think you said is hosted externally?) doesn't work either. It has the same errors. Sent you a screenshot.

[squareclouds]

@timconsidine thats why @girish asked me already to send the link to the cloudron support email after i already posted it here and he removed it, since i said technically i am not allowed (signed non-disclosure agreement) to be showing it yet. so for now i will wait for his response and thank you all for your guesses.

[squareclouds]

@girish ah thank you, didnt see it while i was wirting. and sorry i misunderstood your request, i just sent you the other link.

[girish]

Alright, found the problem. By default, we set the Referrer-Policy as same-origin (see also https://forum.cloudron.io/topic/4546/referrer-policy-header-is-overwritten) . On safari alone, having this header makes TikTok videos not play. Changing it to unsafe-url makes it work.

@squareclouds An app can change this header. In the LAMP app, edit the apache/app.conf . Add a line Header set Referrer-Policy "unsafe-url" and restart the app. That seems to make it work. Can you confirm?

See also:

• https://cheatsheetseries.owasp.org/cheatsheets/HTTP_Headers_Cheat_Sheet.html#referrer-policy
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy

[girish]

I have to add that maybe strict-origin-when-cross-origin is a better value and maybe other values make it work as well. So, might be worth testing what works best for your site. Unfortunately, I lost access to the Mac by now.

[squareclouds]

@girish said in Cloudron+LAMP: Tiktok Embed problems:

Header set Referrer-Policy "unsafe-url"

thank you! i am trying it right now from the web terminal but it says app.conf is not writeable.

• i opened the app terminal
• went to app/code/apache
• opened the app.conf with nano
• made the change
• but i cannot save

do i have to stop the app and use ssh?

Bildschirm­foto 2023-04-28 um 11.17.04.png

[girish]

@squareclouds said in Cloudron+LAMP: Tiktok Embed problems:

went to app/code/apache

It's in /app/data/apache . You can use the Filemanager . Code is always readonly in Cloudron.

[squareclouds]

@girish it works with both values!!!! thank you so much for your help and patience, girish! i will leave it as 'strict-origin-when-cross-origin'