Ergebnis 1 bis 3 von 3

Thema: Webcam über iframe - Darstellung im Frontend und CSS-Anweisungen

  1. #1
    Contao-Nutzer
    Registriert seit
    20.02.2014.
    Beiträge
    90

    Standard Webcam über iframe - Darstellung im Frontend und CSS-Anweisungen

    Guten Morgen!
    Habe in Contao 4.13 mittels iframe über ein HTML-Element eine Webcam eingebunden, deren Video wird auch soweit im Frontend auf der Seite wiedergegeben. Habe aber das Problem, dass vom Bild am PC am Rand ein Teil des Videobildes abgeschnitten wird bzw. auf kleineren Devices wie Smartphone oder Tablet das Video gar nicht zu sehen ist (schon gar nicht, wenn im Hochformat gehalten). Habe eine class zugewiesen, schaff es aber leider nicht, das per CSS so zu definieren, dass das Bild der Webcam vollständig angezeigt wird. Habs testweise etwa schon mit width/heigth: 100 % versucht und mit position: absolute/relative, aber bisher hat nichts zum gewünschten Ziel gereicht. Kann mir bitte jemand unter die Arme greifen?

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.470
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Schon älterer Blogpost aber sollte zum Ziel führen:
    http://maddesigns.de/responsive-iframes-2417.html
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  3. #3
    Contao-Nutzer
    Registriert seit
    20.02.2014.
    Beiträge
    90

    Standard

    Vielen, vielen Dank schon mal, das hat mir tatsächlich zum Großteil weitergeholfen. Die Ausgabe ist zwar nicht überall ganz wie erwünscht (etwa beim iPhone), kann aber auch was mit der Quelle der Webcam bzw. mit deren Einstellungen im Hintergrund des verwendeten Anbieters zu tun haben.
    Bei allowfullscreen wird mir allerdings automatisch ein ="" ergänzt, bei maddesign steht nur allowfullscreen, denk aber, dass man mit "false" oder "true" in dem Fall nichts falsch machen kann.
    Beste Grüße!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •