• Gelöst emilshreditvisuals

    (@emilshreditvisuals)


    Guten Tag,
    ich möchte auf meiner Seite ein Hochformat Video einbinden. Funktioniert im Prinzip auch, allerdings wird das Video viel zu groß dargestellt, sodass es die gesamte Höhe und noch drüber hinaus füllt (Man sieht die obere und untere Kante des Videos nicht mehr). Gibt es da einen Trick wie man die Größe des Video anpassen kann?
    Grüße
    Emil

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 16)
  • Hallo,

    (Man sieht die obere und untere Kante des Videos nicht mehr)

    Ich sehe die auch nicht – wie sollte ich auch, wenn du noch nicht mal die URL postest. 🤷‍♂️

    Wenn du dann noch die URL oben einträgst, dann können wir uns das auch zunächst im Frontend ansehen und dir sicher besser helfen.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
    Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

    Viele Grüße
    Hans-Gerd

    Thread-Starter emilshreditvisuals

    (@emilshreditvisuals)

    Sorry, habe ich übersehen, es geht um diese Seite:
    http://shreditvisuals.de/autocampingcaravan/

    Das ist der Bericht:

    
    ### wp-core ###
    
    version: 6.1.1
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%postname%/
    https_status: false
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /homepages/23/d945789107/htdocs/clickandbuilds/Shreditvisuals
    wordpress_size: 158,47 MB (166170805 bytes)
    uploads_path: /homepages/23/d945789107/htdocs/clickandbuilds/Shreditvisuals/wp-content/uploads
    uploads_size: 2,43 GB (2613807929 bytes)
    themes_path: /homepages/23/d945789107/htdocs/clickandbuilds/Shreditvisuals/wp-content/themes
    themes_size: 18,05 MB (18930216 bytes)
    plugins_path: /homepages/23/d945789107/htdocs/clickandbuilds/Shreditvisuals/wp-content/plugins
    plugins_size: 164,84 MB (172850444 bytes)
    database_size: 8,98 MB (9420800 bytes)
    total_size: 2,78 GB (2981180194 bytes)
    
    ### wp-dropins (1) ###
    
    advanced-cache.php: true
    
    ### wp-active-theme ###
    
    name: Twenty Twenty (twentytwenty)
    version: 2.1
    author: WordPress-Team
    author_website: https://de.wordpress.org/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, custom-background, post-thumbnails, custom-logo, title-tag, html5, align-wide, responsive-embeds, customize-selective-refresh-widgets, editor-color-palette, editor-font-sizes, editor-styles, dark-editor-style, custom-units, custom-line-height, custom-spacing, widgets, menus, editor-style
    theme_path: /homepages/23/d945789107/htdocs/clickandbuilds/Shreditvisuals/wp-content/themes/twentytwenty
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (6) ###
    
    BlogJr Dark: version: 1.0.0, author: Shark Themes, Automatische Aktualisierungen deaktiviert
    BlogJr: version: 2.0.1, author: Shark Themes, Automatische Aktualisierungen deaktiviert
    Pin Minimal: version: 1.2, author: sinsikha, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-One: version: 1.7, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Three: version: 1.0, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    Twenty Twenty-Two: version: 1.3, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
    
    ### wp-mu-plugins (2) ###
    
    1&1 Product Subdomain: version: 1.1.0, author: 1&1
    burst_rest_api_optimizer.php: author: (undefined), version: (undefined)
    
    ### wp-plugins-active (20) ###
    
    10Web Booster: version: 2.11.42, author: 10Web - Website speed optimization team, Automatische Aktualisierungen deaktiviert
    Add Categories to Pages.: version: 1.2, author: a.ankit, Automatische Aktualisierungen deaktiviert
    Advanced WordPress Backgrounds: version: 1.10.0, author: Advanced WordPress Backgrounds Team, Automatische Aktualisierungen deaktiviert
    All in One SEO: version: 4.2.8, author: All in One SEO Team, Automatische Aktualisierungen deaktiviert
    Antispam Bee: version: 2.11.1, author: pluginkollektiv, Automatische Aktualisierungen deaktiviert
    Burst Statistics - Privacy-Friendly Analytics for WordPress: version: 1.3.2, author: Really Simple Plugins, Automatische Aktualisierungen deaktiviert
    Complianz | GDPR/CCPA Cookie Consent: version: 6.3.9, author: Really Simple Plugins, Automatische Aktualisierungen deaktiviert
    GenerateBlocks: version: 1.6.0, author: Tom Usborne, Automatische Aktualisierungen deaktiviert
    IONOS Assistant: version: 8.4.2, author: IONOS, Automatische Aktualisierungen aktiviert
    IONOS Journey: version: 1.0.2, author: IONOS, Automatische Aktualisierungen deaktiviert
    IONOS Performance: version: 1.2.3, author: IONOS, Automatische Aktualisierungen aktiviert
    Lightbox with PhotoSwipe: version: 5.0.18, author: Arno Welzel, Automatische Aktualisierungen deaktiviert
    Photo Gallery: version: 1.8.8, author: Photo Gallery Team, Automatische Aktualisierungen deaktiviert
    Portfolio Block: version: 1.0.2, author: bPlugins LLC, Automatische Aktualisierungen deaktiviert
    Preloader for Website: version: 1.2.2, author: WP OnlineSupport, Essential Plugin, Automatische Aktualisierungen deaktiviert
    Shariff Wrapper: version: 4.6.9, author: Jan-Peter Lambeck & 3UU, Automatische Aktualisierungen deaktiviert
    Spectra: version: 2.2.0, author: Brainstorm Force, Automatische Aktualisierungen deaktiviert
    Twentig: version: 1.5.3, author: Twentig.com, Automatische Aktualisierungen deaktiviert
    UpdraftPlus - Backup/Restore: version: 1.22.24, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen deaktiviert
    WPForms Lite: version: 1.7.8, author: WPForms, Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-inactive (1) ###
    
    WP-Optimize - Clean, Compress, Cache: version: 3.2.10, author: David Anderson, Ruhani Rabin, Team Updraft, Automatische Aktualisierungen deaktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_GD
    imagick_module_version: Nicht verfügbar
    imagemagick_version: Nicht verfügbar
    imagick_version: Nicht verfügbar
    file_uploads: File uploads is turned off
    post_max_size: 128M
    upload_max_filesize: 128M
    max_effective_size: 128 MB
    max_file_uploads: 20
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.27
    
    ### wp-server ###
    
    server_architecture: Linux 4.4.302-icpu-088 x86_64
    httpd_software: Apache
    php_version: 8.0.26 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 1000
    time_limit: 30
    memory_limit: 1024M
    max_input_time: -1
    upload_max_filesize: 128M
    php_post_max_size: 128M
    curl_version: 7.64.0 OpenSSL/1.1.1n
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 10.6.10-MariaDB-1:10.6.10+maria~deb11-log
    client_version: mysqlnd 8.0.26
    max_allowed_packet: 67108864
    max_connections: 3000
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /homepages/23/d945789107/htdocs/clickandbuilds/Shreditvisuals/wp-content
    WP_PLUGIN_DIR: /homepages/23/d945789107/htdocs/clickandbuilds/Shreditvisuals/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 1024M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: true
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    mu-plugins: writable
    
    ### aioseo (1) ###
    
    noindexed: Autor-Archive, Suchseite
    
    ### wpforms ###
    
    version: 1.7.8
    lite: Dez 26, 2022 @ 11:52pm
    upload_dir: Beschreibbar
    total_forms: 1
    total_submissions: 2
    
    

    Wenn du mir die Genehmigung erteilst, das Video von dir auf einer Testumgebung einzubinden, dann kann ich mir das evtl. heute Nachmittag ansehen, wenn ich Zeit habe.

    BTW: Es dauert ziemlich lange, bis deine Website geladen wird. Das solltest du noch optimieren und da ist ein Video mit einer Größe von ca. 70MB auch nicht unbedingt hilfreich. 😉

    Thread-Starter emilshreditvisuals

    (@emilshreditvisuals)

    Alles klar, für den Zweck kannst du das Video benutzen. Ja ich bin noch am Anfang, Optimierung will ich aber heute angehen 🙂

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    Wenn du die Website optimierst, solltest du zuerst den Ratschlägen unter Werkzeuge > Website-Zustand folgen. Hier noch ein paar freundliche Hinweise zum Website-Bericht:

    • Du solltest deine Website auf eine verschlüsselte Verbindung umstellen. Nachdem beim Webhoster ein SSL-Zertifikat eingerichtet wurde, kannst du dazu dem Hinweis in Werkzeuge > Website-Zustand folgen.
    • Deine Website belegt ungewöhnlich viel Speicherplatz: 2,78 GB (2981180194 bytes). Vielleicht kannst du ein paar Backups löschen?
    • Du verwendest 5 inaktive Themes, die gelöscht werden sollten. Ein Standard-Theme sollte als Fallback behalten werden.
    • Du verwendest 20 Plugins. Versuche, die Anzahl der aktiv genutzten Plugins zu reduzieren. Das vereinfacht die Wartung der Website, verbessert in vielen Fällen die Performance und verbraucht weniger Arbeitsspeicher (RAM).
    • In deiner Website sind 1 inaktive Plugins vorhanden, die gelöscht werden sollten, weil sie den Wartungsaufwand unnötig erhöhen.
    • Die Servereinstellungen erlauben einen Medienupload bis zu einer Dateigröße von 128 MB. Zu große Mediendateien können sich negativ auf die Performance auswirken. Für Nutzer mit geringer Bandbreite (mobile Datenverbindung) ist eine Website mit großen Medien nicht zugänglich.
    • In der Konfigurationsdatei wp-config.php wird die Konstante WP_CACHE verwendet. Während einer Fehlersuche sollte der Cache deaktviert werden, weil Änderungen an der Website sonst unter Umständen nicht direkt sichtbar werden.

    @emilshreditvisuals

    Da der Block „Video“ keine Möglichkeit bietet, die Breite selbst festzulegen, arbeitest du am besten mit einem umgebenden Block, mit dem du die Inhaltsbreite setzen kannst z. B. dem Block Gruppe. Ich habe dazu einen kurzen Screencast erstellt:

    Video

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    @la-geek Tolle Demo, Angelika. 👍🏼

    Thread-Starter emilshreditvisuals

    (@emilshreditvisuals)

    @pixolin Danke für die Hinweise, werde ich auf jeden Fall umsetzen 👍

    @la-geek Vielen lieben Dank für das Video, aber meine Block Gruppe sihet irgendwie anders aus, da kann ich nicht die Maße verändern. Screenshot

    @emilshreditvisuals

    Das liegt vermutlich am Plugin Twentig, deaktiviere es einmal.

    @pixolin Danke 🙂

    Thread-Starter emilshreditvisuals

    (@emilshreditvisuals)

    Screenshot Habe ich gemacht, ich sehe da aber immer noch keine Größeneinstellungen…

    @la-geek
    Kann es sein, dass du das Plugin Gutenberg aktiviert hast?
    Die Einstellung gibt es noch nicht in der aktuellen Version von WordPress beim Block-Editor, wenn ich das richtig sehe.

    Was ich in dem Screencast gezeigt habe, ist die Standard-Version des Block-Editors in den Themes Twenty Twenty-Two und -Three @hage ohne Gutenberg.

    Ich habe soeben einmal das Theme Twenty Twenty aktiviert, da hat der Block Gruppe tatsächlich keine derartige Einstellungsmöglichkeit.

    @emilshreditvisuals Optional könntest du das Ganze mit dem Block Spalten versuchen.

    Zum Vergrößern auf das Bild klicken

    @la-geek

    Ich habe soeben einmal das Theme Twenty Twenty aktiviert, da hat der Block Gruppe tatsächlich keine derartige Einstellungsmöglichkeit.

    ah, ok. Das hatte ich nicht getestet.
    Zufälligerweise hatte ich in der Testumgebung auch Twenty Twenty aktiviert.

    Thread-Starter emilshreditvisuals

    (@emilshreditvisuals)

    @la-geek Alles klar, dann habe ich jetzt zwei Möglichkeiten: Entweder Spalten benutzen oder Theme ändern. Damit wäre mein Problem gelöst. Danke an alle Mitwirkenden!
    Grüße
    Emil

    @hage Ich sag dazu (Block-Editor) jetzt mal besser nix 😀

    @emilshreditvisuals
    Schön dass dein Problem gelöst werden konnte. Ich setze den Thread dann einmal für dich auf „gelöst“.

    Bitte denke nächstes Mal selbst daran. Begründung

    Ups, irgendwer war schneller

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 16)
  • Das Thema „Hochformat Video zu groß“ ist für neue Antworten geschlossen.