Problem #3626💬 BeantwortetJul 16, 2021 geöffnetvon san-1230-Reaktionen

Wie stellt man den SRC des Videotags auf dynamisch ein?

Kurze Antwortvon stf1981

Ich glaube, ich habe so etwas mit einem eigenen Bauteil. Vielleicht hilft es ja

Lesen Sie die vollstĂ€ndige Antwort unten ↓

Frage

Hallo @artf, Hallo, ich habe das Drag-and-Drop-Video-Tag und den Button aus dem Blockmanager. Beim Klicken muss ich die URL auf src Ă€ndern. Aber es funktioniert nicht, bitte fĂŒhre mich. Redakteur. BlockManager.add("html/video", { Etikett: '<div> <img src="../../../../Images/SiteBuilder/video.svg"/> <div class="my-label-block">Video</div> ',</div> Kategorie: 'UI-Steuerungen', Tab: 'UI Controls', id: 'UI-Steuerungen', Inhalt: '<Video id="Video1" src="../.../../Images/Jotun/Media21-1.m4v"id="TestVideo" Steuerungstyp="Video/mp4">', }); Knopf-Event: va URL = ".. /.. /test.mp4"; $("#video1").attr('...

Antworten (4)

stf1981‱ Jul 22, 2021

Ich glaube, ich habe so etwas mit einem eigenen Bauteil. Vielleicht hilft es ja

artf‱ Jul 29, 2021

Wenn Sie nur den Blockinhalt aktualisieren mĂŒssen (z. B. die Änderung wird bei neuen gezogenen Blöcken angewendet), können Sie das so Ă€ndern: '''js const block = Editor. BlockManager.get('html/video'); block.set('content', '<video ...>') ``` Wenn du Komponenten in der Leinwand Ă€ndern musst, empfehl...

san-123‱ Jul 30, 2021

,Danke @artf und stf1981 fĂŒr eure Antwort. Eigentlich ziehe ich mehrere Videos per Drag & Drop mit generierter Zufallszahl-zu-ID-Attribut. In diesem Fall: Wie aktualisiert man das src-spezifische ausgewĂ€hlte Video?

Ich habe kein Update von SRC.

GJSBlock‱ May 17, 2026

Danke, dass du das gemeldet hast, @san-123. Tolle Frage zu Wie stellt man den SRC des Videotags auf dynamisch ein?. Der empfohlene Ansatz bei GrapesJS ist die Nutzung der ereignisgesteuerten API. Fang hier an: ÜberprĂŒfen Sie die GrapesJS-Dokumentation fĂŒr Ihr spezielles Modul Suche nach der 'on()'-...

Verwandte Fragen und Antworten

FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...

Kostenlose Option

ÜberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmĂ€ĂŸigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.