How to set src of video tag at dynamic?
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)
Ich glaube, ich habe so etwas mit einem eigenen Bauteil. Vielleicht hilft es ja
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...
,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.
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.
Problem #3269
Translating html string
Tolle Bibliothek! Es erfĂŒllt alle Anforderungen bis auf eine: die Ăbersetzung des Website-Textes. Ich habe ĂŒberall in der Issue-Warteschlan...
Problem #3541
Was ist die idiomatische Methode, Klassen aus Komponenten hinzuzufĂŒgen und zu entfernen?
Hallo zusammen đ Ich liebe den Editor! Wir verwenden Traits, um die Klassen einer Komponente anzupassen, aber das wirkt etwas abgehackt, d...
Problem #3364
@How um die ContainergröĂe zu fixieren, wenn wir ein Element im Container ziehen, wird der Container entsprechend dem vom Kind gezogenen Element verbraucht. Wie wir das Kindelement automatisch entsprechend dem Elterncontainer dimensionieren können. Container sollte nicht entsprechend dem Kindelement verwendet werden. Es sollte Show Scroll sein.
WARNUNG LIES und FOLGE den nÀchsten 3 Schritten, dann ENTFERNE SIE vor dem Posten des ProblemsBefolgen Sie die BEITRAGENDEN Richtlinien htt...
Problem #4263
SSL certificate how to?
GrapesJS-Version [X] Ich bestÀtige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Reproduzierbarer Demo-Link Be...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.