Audiodatei im Hintergrundabspielen

  • Guten Tag

    Ich möchte einen Reisebericht über Island schreiben und darin die mp3-Datei der Aussprache der Ortsnamen integrieren.

    Mein Testbeitrag sieht wie folgt aus:
    http://eliasvetter.ch/island-test-audio/

    Mein Ziel ist es nach dem Wort Skalli ein kleines Icon zu platzieren. Sofern man darauf drück sollte die Audio-Datei abgespielt werden ohne ein neues Tab oder Fenster zu öffnen und ohne einen Player anzuzeigen. Nach dem Abspielen der Audiodatei sollte man normal weiterlesen können. Momentan habe ich zwei Probleme:
    1. Es öffnet sich ein neues Fenster mit dem Audioplayer. Ich würde diesen Audioplayer am liebsten nicht sehen.
    2. Das Icon ist zu gross und nicht auf der gleichen Höhe wie die Schrift. Es sollte gleich hoch sein wie die Schrift und sich somit in den Text einfügen.

    Im Background Editor sieht es bis jetzt folgendermassen aus:

    [COLOR=#333333][FONT=Georgia]Am frühen morgen gehen wir los zum Skalli [button title="" icon="icon-sound-line" icon_position="block" link="http://eliasvetter.ch/wp-content/upl…n_is_skalli.mp3" target="_blank" color="" font_color="grey" large="0" class="" download="" onclick=""]. Die Sonne schien und es war angenehm warm.[/FONT][/COLOR]

    Kann ich mein Ziel mit diesem Code erreichen? Wenn ja wie? Oder kann jemand ein Plugin empfehlen welches Meine Wünsche erfüllt?

    Vielen Dank für eure Hilfe.


    Ich verwende WordPress 4.5.3 und das Theme Betheme.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!