'embedded' Videos u. mehr

Nach den ersten Tests mit tiktok einbinden, habe ich mir eine neue Aufgabe gestellt.

die Idee/Frage kam hier auf: https://hpm-support.de/t546528f11769157-Reels.html

es sollen auch Videos oder Inhalte anderer externer Plattformen eingefügt werden.

Dabei soll man als Leser die Möglichkeit haben und DSGVO-konform gefragt werden:
- die Einbettung/Anzeige an- oder abzuschalten
- oder auch nur einzelne Inhalte einzubetten/anzuzeigen

Die generelle Aktivierung geschieht hier über den Layout-Switcher mit der Option 'embedded videos' erlauben

Dazu wurde der bisherige [video] erweitert und ersetzt.


hier mal eine Linksammlung und und passende Docs

• Facebook Videos einbinden
  
  https://m.facebook.com/help/157072459649...cale=de_DE&_rdr
  
  https://developers.facebook.com/docs/plu...er?locale=de_DE
  
  Bsp: https://www.facebook.com/reel/5190108224417467
  
  - https://www.facebook.com/facebook/videos/10153231379946729/
• youtube einbinden
  
  Bsp: https://www.youtube.com/watch?v=cuTJ8cL7ukw
  
  - http://youtu.be/cuTJ8cL7ukw
• Instagram Reels einbinden
  
  https://embedsocial.com/blog/embed-instagram-reels/
  
  Bsp: https://www.instagram.com/p/ChmSY9Ory9q/
• Twitter einbinden
  https://help.twitter.com/de/using-twitte...o-embed-a-tweet
  
  Bsp: https://twitter.com/xobor
• Tiktok einbinden
  
  https://developers.tiktok.com/doc/embed-videos/

ein erster Test mit Twitter

ein erster Test mit Twitter 
[VEmbed=tw|xobor|//twitter.com/xobor]
 
der time-line von xobor [/VEmbed]
 
 

Edit 16.9.

Wie geht das? 2. Schritte sind nötig:

1.) ein zusätzlicher Forencode, der im Prinzip den alten [video] ersetzt

<div class="vembed {{cl}}" data_vid="{{vid}}" data_url="{{lnk}}" > 
<a target="_blank" href="https:{{lnk}}">https:{{lnk}}</a> <small></small>
<button class="vembed" onclick="l2b.embed.clk(this)">externen Inhalt einbetten</button>
 
 

</div>
 
 

<script src="//files.homepagemodules.de/b858677/f21317t31p211n2_PmtMukTz.txt"></script>
 
<div style="width:100%;padding:0.5em 2em;text-align:center;background-color:yellow;">
<button id="l2b_allow_extern_content">externe Inhalte einbinden?</button></div>