Hochformat Video zu groß
-
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
-
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-GerdSorry, 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. 😉
Alles klar, für den Zweck kannst du das Video benutzen. Ja ich bin noch am Anfang, Optimierung will ich aber heute angehen 🙂
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 KonstanteWP_CACHE
verwendet. Während einer Fehlersuche sollte der Cache deaktviert werden, weil Änderungen an der Website sonst unter Umständen nicht direkt sichtbar werden.
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:
@la-geek Tolle Demo, Angelika. 👍🏼
@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
Screenshot Habe ich gemacht, ich sehe da aber immer noch keine Größeneinstellungen…
-
Diese Antwort wurde vor 2 Jahren, 2 Monaten von
emilshreditvisuals geändert.
@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.
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.@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
-
Diese Antwort wurde vor 2 Jahren, 2 Monaten von
Angelika Reisiger geändert.
- Das Thema „Hochformat Video zu groß“ ist für neue Antworten geschlossen.