Gerti: Aufruf eines Videos

Hallo, mit <video src="...myvideo.MP4" width=256 height=192 controls poster=".../Foto.JPG"></video> binde ich Videos ein. Ergebnis ist

Wie kann ich das Start-Symbol in der Mitte des Fotos unterdrücken?

  1. Hi,

    <video src="...myvideo.MP4" width=256 height=192 controls poster=".../Foto.JPG"></video>

    Wie kann ich das Start-Symbol in der Mitte des Fotos unterdrücken?

    vermutlich gar nicht. Ich nehme an, das erzeugt der im Browser integrierte Player von sich aus, ohne dass man darauf einen Einfluss hat.

    Tipp am Rande: Datei-Endungen groß zu schreiben (MP4, JPG), ist sehr ungewöhnlich. Üblich ist Kleinschreibung. Und Attributwerte gehören der Ordnung halber in Anführungszeichen gesetzt.

    Live long and pros healthy,
     Martin

    --
    Home is where my beer is.
    1. Wie kann ich das Start-Symbol in der Mitte des Fotos unterdrücken?

      vermutlich gar nicht. Ich nehme an, das erzeugt der im Browser integrierte Player von sich aus, ohne dass man darauf einen Einfluss hat.

      Meeep

      Man kann das so bauen, wie man es sich wünscht. Aber das ist Arbeit.

      1. Hallo,

        Wie kann ich das Start-Symbol in der Mitte des Fotos unterdrücken?

        vermutlich gar nicht. Ich nehme an, das erzeugt der im Browser integrierte Player von sich aus, ohne dass man darauf einen Einfluss hat.

        Meeep

        was willst du uns damit zeigen?

        Man kann das so bauen, wie man es sich wünscht. Aber das ist Arbeit.

        Ja klar, dann muss man die notwendigen Controls und deren Interaktion mit dem video-Element komplett selbst bauen.

        Live long and pros healthy,
         Martin

        --
        Home is where my beer is.
        1. Hallo Martin,

          was willst du uns damit zeigen?

          Zwiebelsauce.

          Und dass Youtube ein Video zeigen kann, das kein Dreieck in der Mitte hat.

          Rolf

          --
          sumpsi - posui - obstruxi
          1. Hallo Rolf,

            was willst du uns damit zeigen?

            Zwiebelsauce.

            Und dass Youtube ein Video zeigen kann, das kein Dreieck in der Mitte hat.

            in meinem Browser (Pale Moon, ein Firefox-Fork) hat es eins. Das ist zwar vor der hellen Flamme schlecht zu sehen, aber es ist da.

            Live long and pros healthy,
             Martin

            --
            Home is where my beer is.
            1. Hallo Martin,

              ja, der Fuchs hat ein Dreieck. Chrome nicht.

              Rolf

              --
              sumpsi - posui - obstruxi
              1. Hallo Rolf,

                ja, der Fuchs hat ein Dreieck. Chrome nicht.

                was ja wieder bestätigt, was auch im MDN-Beitrag steht, den der Mitleser verlinkt hat: Es ist browserabhängig. Und das sehe ich nicht als Makel, im Gegenteil: Es bedeutet, dass es für die Nutzer eines bestimmten Browsers überall wie gewohnt aussieht.

                Webseiten müssen nicht unbedingt in jedem Browser gleich aussehen.
                Sie sollten nur in jedem Browser funktionieren und bedienbar sein.

                Live long and pros healthy,
                 Martin

                --
                Home is where my beer is.
          2. Auch bei mir wird ein Dreieck angezeigt. In dem MEEEP-Beispiel stört es weniger, da das Bild sehr groß ist, umso mehr aber in meinem Beispiel.

            1. Hallo,

              ich sehe das so: Du hast einen Gast (externe Ressource als Bewegtbild) auf Deine Party (Deine Website) entführt. Nun beschwerst Du Dich über seine Bekleidung. Echt, jetzt?

              My 2€cents

              1. Hallo Pumuckl,

                hast Du irgendeinen Beleg für eine Videoentführung? Wenn nicht: nimm deine 2ct und bring sie Meister Eder zurück, bevor er sie vermisst.

                Rolf

                --
                sumpsi - posui - obstruxi
  2. @@Gerti

    Wie kann ich das Start-Symbol in der Mitte des Fotos unterdrücken?

    Im Firefox ist der ▶️-Button in der Mitte ein div mit ID clickToPlay und Klasse clickToPlay im Shadow DOM.

    Im Entwicklertool ist es mir gelungen, das Ding auf display: none zu setzen. Aber wie kommt man aus dem Stylesheet (oder mit JavaScript?) da ran?

    😷 LLAP

    --
    „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
    1. Gute Frage, wie komme ich da ran?

    2. @@Gunnar Bittersmann

      Im Firefox ist der ▶️-Button in der Mitte ein div mit ID clickToPlay und Klasse clickToPlay im Shadow DOM.

      Im Entwicklertool ist es mir gelungen, das Ding auf display: none zu setzen. Aber wie kommt man aus dem Stylesheet (oder mit JavaScript?) da ran?

      Warum ist shadowRoot des video-Elements null?

      Ist das nur bei custom elements befüllt, also wenn man das Shadow DOM selbst generiert, nicht aber bei Elementen, die vom Browser aus ein Shadow DOM haben?

      😷 LLAP

      --
      „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
      1. Hallo Gunnar,

        Warum ist shadowRoot des video-Elements null?

        RTFS. Auch bei MDN zu finden.

        Der mode wird vom attachShadow Aufruf festgelegt. Wenn der Browser das Shadow-DOM des video-Elements closed anlegt, dann ist es unzugänglich und Du kommst nur mit der Brechstange des Inspektors heran.

        Rolf

        --
        sumpsi - posui - obstruxi
        1. @@Rolf B

          Wenn der Browser das Shadow-DOM des video-Elements closed anlegt, dann ist es unzugänglich und Du kommst nur mit der Brechstange des Inspektors heran.

          Das heißt, keine Chance, die vom Browser bereitgestellten Steuerelemente zu stylen?

          Wenn man das will, muss man also eigene Steuerelemente bauen und per JavaScript deren Funktion (einschließlich Barrierefreiheit) implementieren.

          😷 LLAP

          --
          „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
          1. Hallo Gunnar,

            Das heißt, keine Chance, die vom Browser bereitgestellten Steuerelemente zu stylen?

            Doch, sicher, über einen Change-Request beim Browser-Hersteller.

            😐

            Ganz einfach, nicht?

            🤨🤭😀 prrruuuussst 🤣

            Sorry. Konnte die ernste Miene nicht durchhalten

            Rolf

            --
            sumpsi - posui - obstruxi
  3. @@Gerti

    Wie kann ich das Start-Symbol in der Mitte des Fotos unterdrücken?

    Offenbar nicht, ohne alle Steuerelemente zu unterdrücken und nachbauen zu müssen.

    Mir fiele dann noch ein, das Ding nicht zu unterdrücken, sondern zu verstecken – unter einem Bild, welches das gleiche ist wie das Vorschaubild des Videos; so beschnitten, dass es die unteren Steuerelemente nicht überdeckt. Mit dem Starten des Videos verschwindet das Ding.

    ☞ Proof of concept

    Aber warum stört dich der Start-Button im Firefox eigentlich so?

    😷 LLAP

    --
    „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
    1. Der Start-Button stört, weil er das Gesicht der Person unkenntlich macht.

      1. @@Gerti

        Der Start-Button stört, weil er das Gesicht der Person unkenntlich macht.

        Du kannst doch als Vorschaubild (poster-Attribut) auch eins nehmen, wo das Gesicht nicht genau hinterm Start-Button ist.

        😷 LLAP

        --
        „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
        1. Hallo,

          Der Start-Button stört, weil er das Gesicht der Person unkenntlich macht.

          Du kannst doch als Vorschaubild (poster-Attribut) auch eins nehmen, wo das Gesicht nicht genau hinterm Start-Button ist.

          😷 LLAP

          Oder den Start-Button so verändern, dass er wie eine MNB ausschaut…

          Gruß
          Kalk

          1. Hallo,

            Der Start-Button stört, weil er das Gesicht der Person unkenntlich macht.

            Du kannst doch als Vorschaubild (poster-Attribut) auch eins nehmen, wo das Gesicht nicht genau hinterm Start-Button ist.

            Oder den Start-Button so verändern, dass er wie eine MNB ausschaut…

            was zum Henker ist eine MNB? Weder Wikipedia noch Google konnten mich in diesem Punkt erleuchten. 😟

            Abgesehen davon ist das Verändern ja gerade das Problem.

            Live long and pros healthy,
             Martin

            --
            Home is where my beer is.
            1. Hallo,

              was zum Henker ist eine MNB? Weder Wikipedia noch Google konnten mich in diesem Punkt erleuchten. 😟

              Du könntest in letzter Zeit 2-3 davon gesehen und sogar verwendet haben: 😷

              Gruß
              Kalk

              1. Hi,

                was zum Henker ist eine MNB? Weder Wikipedia noch Google konnten mich in diesem Punkt erleuchten. 😟

                Du könntest in letzter Zeit 2-3 davon gesehen und sogar verwendet haben: 😷

                danke, das hilft mir leider kein Stück weiter. Ich beginne zu vermuten, dass es um die Gesichts-Schutzmaske geht. Aber ich habe immer noch keinen blassen Dunst, was die Abkürzung wohl bedeuten mag.

                Live long and pros healthy,
                 Martin

                --
                Home is where my beer is.
                1. Hallo Martin,

                  hinter M, N und B folgt im Langtext jeweils ein Vokal. Und es ist jedesmal ein anderer.

                  Ich geb Dir mal alle vorkommenden Vokale (1-3). Und 3 Konsonanten (4-6). Und damit localhorst sieht, wie schädlich Längeninformationen beim Geheimhalten eines Codes sind, mache ich die Wortlängen auch deutlich. Es ist übrigens nicht gesagt, dass die Buchstaben 1-5 verschieden von M, N, und B sind.

                  M 1 4 5 - N 2 _ 3 4 - B 3 5 3 _ _ 1 4 6

                  Rolf

                  --
                  sumpsi - posui - obstruxi
                  1. Hallo Rolf,

                    hinter M, N und B folgt im Langtext jeweils ein Vokal. Und es ist jedesmal ein anderer.

                    Ich geb Dir mal alle vorkommenden Vokale (1-3). Und 3 Konsonanten (4-6). Und damit localhorst sieht, wie schädlich Längeninformationen beim Geheimhalten eines Codes sind, mache ich die Wortlängen auch deutlich. Es ist übrigens nicht gesagt, dass die Buchstaben 1-5 verschieden von M, N, und B sind.

                    M 1 4 5 - N 2 _ 3 4 - B 3 5 3 _ _ 1 4 6

                    das Knobelspiel ist mir zu hoch. Ich geb auf.
                    Hast du noch einen wirklich hilfreichen Hinweis?

                    Live long and pros healthy,
                     Martin

                    --
                    Home is where my beer is.
                    1. Hi,

                      das Knobelspiel ist mir zu hoch. Ich geb auf.
                      Hast du noch einen wirklich hilfreichen Hinweis?

                      Maul- und Nüstern-Blocker

                      cu,
                      Andreas a/k/a MudGuard

                      1. Hallo MudGuard,

                        Schnutenpulli.

                        Bis demnächst
                        Matthias

                        --
                        Du kannst das Projekt SELFHTML unterstützen,
                        indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.
                        1. Hi,

                          Schnutenpulli.

                          Das paßt aber nicht zu MNB.

                          cu,
                          Andreas a/k/a MudGuard

                    2. Hallo,

                      M 1 4 5 - N 2 _ 3 4 - B 3 5 3 _ _ 1 4 6

                      das Knobelspiel ist mir zu hoch. Ich geb auf.

                      Knobelspiel sähe so aus:
                      9 4 o b 3 l 7 p i 2 l

                      Gruß
                      Kalk

                    3. @@Der Martin

                      M 1 4 5 - N 2 _ 3 4 - B 3 5 3 _ _ 1 4 6

                      das Knobelspiel ist mir zu hoch. Ich geb auf.
                      Hast du noch einen wirklich hilfreichen Hinweis?

                      CK S

                      (Fotos: Gonna Fly Now, CC BY-SA 2.0; Hullie, CC BY-SA 3.0)

                      Und warum werden wurden die nicht angezeigt?

                      Ich hatte die Fotos von extern (Wikimedia Commons) eingebunden. Geht das nicht mehr? @Christian Kruse

                      😷 LLAP

                      --
                      „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
                    4. n'Abend,

                      das Knobelspiel ist mir zu hoch. Ich geb auf.
                      Hast du noch einen wirklich hilfreichen Hinweis?

                      anscheinend möchte mir niemand auf die Sprünge helfen. Schade.
                      Na dann eben nicht.

                      Live long and pros healthy,
                       Martin

                      --
                      Home is where my beer is.
                      1. Hallo Martin,

                        ich kannte MNB auch nicht und habe zuerst an Mund Nasen Bapperl gedacht, aber eine Googlesuche nach MNB lieferte Mund Nasen Bedeckung.

                        Gruß
                        Jürgen

                        1. Moin,

                          ich kannte MNB auch nicht und habe zuerst an Mund Nasen Bapperl gedacht, aber eine Googlesuche nach MNB lieferte Mund Nasen Bedeckung.

                          mir hat Google nur die Merchants National Bank, die Magyar Nemzeti Bank oder Monday Night Baseball angeboten.

                          Live long and pros healthy,
                           Martin

                          --
                          Home is where my beer is.
                          1. Hallo Martin,

                            das ist das Problem an Google. Es liefert einem nur die Daten in der eigenen Filterblase. Scheinbar suchst Du nur nach Geld und Sport. Ts...

                            Nein, im Ernst. Duck und weg (äh, duckduckgo) liefert mir auch nichts. Es sei denn, ich schalte "nur Deutschland" ein, prompt bekomme ich Werbung für die ideale MNB. Bei Google ist es der 4. Treffer (in muenchen.de). Lasse ich Google im Inkognito-Fenster laufen, ist es der auch.

                            Und am 4. April wurde in de.wikipedia.org die Abk. MNB hinzugefügt.

                            Also - das wäre durchaus findbar gewesen. Vermutlich deswegen hat man Dich zappeln lassen.

                            Rolf

                            --
                            sumpsi - posui - obstruxi
                            1. @@Rolf B

                              … hat man Dich zappeln lassen.

                              Och, ich hab wenigstens die Buchstaben für die _ beigesteuert. 😊

                              😷 LLAP

                              PS: Die Abkürzung MNS sollte sich jetzt auch erschließen, oder?

                              --
                              „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
                              1. Hallo,

                                Och, ich hab wenigstens die Buchstaben für die _ beigesteuert. 😊

                                Aber in der falschen Reihenfolge…

                                Gruß
                                Kalk

                                1. @@Tabellenkalk

                                  Och, ich hab wenigstens die Buchstaben für die _ beigesteuert. 😊

                                  Aber in der falschen Reihenfolge…

                                  Da die Anzahl der Buchstaben in den Lücken erkennbar war, wollte ich es nicht ganz zu einfach machen. 🤪

                                  😷 LLAP

                                  --
                                  „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin
                              2. Hallo,

                                … hat man Dich zappeln lassen.

                                Och, ich hab wenigstens die Buchstaben für die _ beigesteuert. 😊

                                im Nachhinein verstehe ich das nun auch (aber die Reihenfolge war verkehrt). Allerdings hatte ich gedacht, die Unterstriche sollten Leerzeichen (also Wortzwischenräume) darstellen.

                                Live long and pros healthy,
                                 Martin

                                --
                                Home is where my beer is.
                              3. Hallo,

                                PS: Die Abkürzung MNS sollte sich jetzt auch erschließen, oder?

                                Ist das S so eine Art Geheimnis?

                                Gruß
                                Kalk

                                1. Hallo,

                                  Ist das S so eine Art Geheimnis?

                                  Secret oder Sekret?

                                  Gruß
                                  Jürgen

                                2. Hallo Tabellenkalk,

                                  eher so eine Art Panzer

                                  Rolf

                                  --
                                  sumpsi - posui - obstruxi
                            2. Hi,

                              das ist das Problem an Google. Es liefert einem nur die Daten in der eigenen Filterblase. Scheinbar suchst Du nur nach Geld und Sport. Ts...

                              das scheint Google zu glauben. Tatsächlich ist mir Geld (wenn's nicht das eigene ist) oder Sport sowas von egal ...

                              Ich glaube, es liegt eher daran, dass ich als bevorzugte Sprache im Browser Englisch eingestellt habe. Dann listet Google nämlich auch bevorzugt englischsprachige Treffer.

                              Und am 4. April wurde in de.wikipedia.org die Abk. MNB hinzugefügt.

                              Das habe ich wohl völlig übersehen, obwohl ich genau die Wikipedia-Seite auch schon offen hatte.

                              Also - das wäre durchaus findbar gewesen.

                              Ja, aber manchmal sieht man halt den Wald vor lauter Bäumen nicht.

                              Live long and pros healthy,
                               Martin

                              --
                              Home is where my beer is.
                      2. Hallo,

                        Na dann eben nicht.

                        Doch! Es ist eine Art Funktionsbeschreibung für die beiden wesentlichen, beteiligten Organe.

                        Gruß
                        Kalk

      2. @@Gerti

        Der Start-Button stört, weil er das Gesicht der Person unkenntlich macht.

        Das kenn ich doch irgendwoher. 😆

        😷 LLAP

        --
        „Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin