Ankündigung

Einklappen
Keine Ankündigung bisher.

Video pausieren mittels Klick und/oder Leertaste. Chrome ok, FF nicht.

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • #46
    Ich bin beim Coden immer etwas faul und hätte es auf die schnelle so gelöst:
    HTML-Code:
    <!DOCTYPE html>
    <html lang="de">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Titel</title>
        <video id="vid" controls>
          <source src="https://storage.googleapis.com/webfundamentals-assets/videos/chrome.mp4" type="video/mp4">
        </video>
    <script>
    var playOrPause = () => vid.paused ? vid.play() : vid.pause(),
        seekPos = i => vid.currentTime += i,
        eventHandler = $myKey => {
          $myKey == 'Escape' && vid.pause()
          $myKey == 'Space' && playOrPause()
          $myKey == 'ArrowLeft' && seekPos(-5)
          $myKey == 'ArrowRight' && seekPos(5)
        }
    
    document.addEventListener("DOMContentLoaded", () => {
        [document, vid].forEach(el => el.addEventListener('keydown',ev => eventHandler(ev.code)))   
        vid.addEventListener('click', () => playOrPause())
    })
    </script>
    Dein switch Konstrukt ist effektiver weil es nach dem break nichts mehr abarbeitet, wäre mir bei nur vier Möglichkeiten aber egal..

    Kommentar


    • #47
      Als Randinfo:
      Mit der - auch von mir bevorzugten Schreibweise - hat die M$-Linie leider seine Problemchen:
      Code:
      () => {
          // ...
      }
      Da wird in vielen Fällen der Klassiker erwartet:
      Code:
      function() {
          // ...
      }
      Competence-Center -> Enjoy the Informatrix
      PHProcks!Einsteiger freundliche TutorialsPreComposed Packages

      Kommentar


      • #48
        Das Thema hatten wir hier schon, Du hast vollkommen recht. Babel wird´s schon richten.

        Kommentar


        • #49
          Habs nur überflogen, sorry.
          Competence-Center -> Enjoy the Informatrix
          PHProcks!Einsteiger freundliche TutorialsPreComposed Packages

          Kommentar

          Lädt...
          X