Video Content leicht gemacht!

/* Divi-sicher: Alle Styles sind auf diesen Blogblock beschränkt. */ .bq-ki-blog, .bq-ki-blog * { box-sizing: border-box; } .bq-ki-blog { --bq-cream: #fbf7f0; --bq-cream-2: #f4eadf; --bq-lilac: #8b5d88; --bq-lilac-dark: #3f2847; --bq-gold: #b48738; --bq-text: #33283a; --bq-muted: #675b68; --bq-border: rgba(139, 93, 136, 0.16); --bq-shadow: 0 18px 45px rgba(63, 40, 71, 0.12); width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 28px) 56px; color: var(--bq-text); font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.7; } .bq-ki-blog h2, .bq-ki-blog h3 { margin: 0; color: var(--bq-lilac-dark); font-family: "Lora", Georgia, serif; font-weight: 700; line-height: 1.12; } .bq-ki-blog p { margin: 0 0 1.05em; font-size: clamp(1rem, 1.1vw, 1.08rem); } .bq-ki-blog a { color: var(--bq-lilac); } .bq-ki-blog__video-hero { position: relative; overflow: hidden; margin: 0 0 34px; padding: clamp(24px, 4vw, 42px); border-radius: 30px; background: radial-gradient(circle at 88% 8%, rgba(180, 135, 56, 0.22), transparent 26%), radial-gradient(circle at 0% 100%, rgba(139, 93, 136, 0.22), transparent 32%), linear-gradient(135deg, #5d4165 0%, #8b6682 100%); box-shadow: var(--bq-shadow); } .bq-ki-blog__video-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); gap: clamp(22px, 4vw, 42px); align-items: center; } .bq-ki-blog__kicker { display: inline-flex; margin-bottom: 14px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.92); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .bq-ki-blog__video-hero h2 { margin-bottom: 14px; color: #ffffff; font-size: clamp(2rem, 4.4vw, 4rem); } .bq-ki-blog__video-hero p { color: rgba(255,255,255,0.86); max-width: 52ch; } .bq-ki-blog__video-note { margin-top: 16px !important; padding-left: 16px; border-left: 2px solid rgba(244, 217, 157, 0.9); color: rgba(255,255,255,0.76) !important; font-size: 0.96rem !important; } .bq-ki-blog__video-preview { position: relative; display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 22px; border: 1px solid rgba(255,255,255,0.28); background: #1a1220; box-shadow: 0 22px 54px rgba(0,0,0,0.28); text-decoration: none; } .bq-ki-blog__video-preview img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.01); transition: transform 0.28s ease, filter 0.28s ease; } .bq-ki-blog__video-preview:before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(135deg, rgba(63, 40, 71, 0.24), rgba(0,0,0,0.10)); } .bq-ki-blog__video-preview:hover img { transform: scale(1.04); filter: brightness(1.03); } .bq-ki-blog__play { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); width: clamp(58px, 7vw, 86px); height: clamp(58px, 7vw, 86px); display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,0.9); color: var(--bq-lilac-dark); font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1; padding-left: 5px; box-shadow: 0 18px 40px rgba(0,0,0,0.25); } .bq-ki-blog__video-label { position: absolute; z-index: 2; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 7px; max-width: calc(100% - 28px); padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,0.86); color: var(--bq-lilac-dark); font-size: 0.72rem; line-height: 1.2; font-weight: 800; box-shadow: 0 8px 22px rgba(0,0,0,0.14); white-space: nowrap; } .bq-ki-blog__video-label:before { content: ""; font-size: 0.62rem; } .bq-ki-blog__quote { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: center; margin: 0 0 36px; padding: clamp(22px, 3vw, 34px); border-radius: 24px; background: linear-gradient(135deg, rgba(241,230,240,0.78), rgba(255,255,255,0.78)); border: 1px solid var(--bq-border); } .bq-ki-blog__quote-mark { color: rgba(139, 93, 136, 0.42); font-family: Georgia, serif; font-size: clamp(4rem, 10vw, 7rem); line-height: 0.75; } .bq-ki-blog__quote p { margin: 0; color: var(--bq-lilac-dark); font-family: "Lora", Georgia, serif; font-size: clamp(1.35rem, 3vw, 2.15rem); font-style: italic; } .bq-ki-blog__quote small { display: block; margin-top: 8px; color: var(--bq-lilac); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .bq-ki-blog__content { max-width: 820px; margin: 0 auto; } .bq-ki-blog__content h2 { margin: 42px 0 16px; font-size: clamp(1.8rem, 3.2vw, 2.75rem); } .bq-ki-blog__content h3 { margin: 28px 0 12px; font-size: clamp(1.35rem, 2.2vw, 1.8rem); } .bq-ki-blog__content ul, .bq-ki-blog__content ol { margin: 12px 0 26px; padding-left: 1.25rem; } .bq-ki-blog__content li { margin: 0 0 0.75em; } .bq-ki-blog__pill-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 30px 0 36px; } .bq-ki-blog__card { padding: 24px; border-radius: 22px; background: rgba(255,255,255,0.74); border: 1px solid var(--bq-border); box-shadow: 0 12px 30px rgba(63, 40, 71, 0.08); } .bq-ki-blog__card-icon { display: inline-grid; place-items: center; width: 54px; height: 54px; margin-bottom: 14px; border-radius: 50%; background: rgba(139, 93, 136, 0.14); color: var(--bq-lilac); font-size: 1.45rem; } .bq-ki-blog__card h3 { margin-top: 0; font-size: 1.25rem; } .bq-ki-blog__callout { margin: 34px 0; padding: clamp(22px, 3vw, 32px); border-radius: 24px; border: 1px solid rgba(180, 135, 56, 0.45); background: linear-gradient(135deg, rgba(251,247,240,0.96), rgba(244,234,223,0.74)); } .bq-ki-blog__callout h3 { margin: 0 0 10px; } .bq-ki-blog__faq { margin: 44px 0; padding: clamp(22px, 3vw, 32px); border-radius: 24px; background: rgba(139, 93, 136, 0.08); border: 1px solid var(--bq-border); } .bq-ki-blog__faq p { padding: 14px 0; border-bottom: 1px solid rgba(139, 93, 136, 0.14); } .bq-ki-blog__faq p:last-child { border-bottom: 0; } .bq-ki-blog__cta { margin: 48px 0 0; padding: clamp(26px, 4vw, 44px); border-radius: 30px; background: radial-gradient(circle at 15% 15%, rgba(255,255,255,0.7), transparent 28%), linear-gradient(135deg, #f1e6f0, #f9f3ea); border: 1px solid var(--bq-border); box-shadow: var(--bq-shadow); } .bq-ki-blog__cta h2 { margin-bottom: 12px; font-size: clamp(1.9rem, 3.4vw, 3rem); } .bq-ki-blog__button { display: inline-flex; align-items: center; justify-content: center; margin-top: 12px; padding: 13px 22px; border-radius: 999px; background: var(--bq-lilac); color: #fff !important; text-decoration: none; font-weight: 800; } @media (max-width: 900px) { .bq-ki-blog__video-grid, .bq-ki-blog__pill-grid { grid-template-columns: 1fr; } } @media (max-width: 680px) { .bq-ki-blog { padding-left: 12px; padding-right: 12px; overflow-x: hidden; } .bq-ki-blog__video-hero { margin-left: 0; margin-right: 0; padding: 18px; border-radius: 22px; } .bq-ki-blog__video-grid { gap: 18px; } .bq-ki-blog__video-hero h2 { font-size: clamp(1.75rem, 8vw, 2.35rem); } .bq-ki-blog__video-hero p { font-size: 0.98rem; } .bq-ki-blog__video-note { display: none; } .bq-ki-blog__video-preview { border-radius: 16px; } .bq-ki-blog__play { width: 54px; height: 54px; font-size: 1.25rem; } .bq-ki-blog__video-label { left: 10px; bottom: 10px; max-width: calc(100% - 20px); padding: 6px 9px; font-size: 0.68rem; } .bq-ki-blog__quote { grid-template-columns: 1fr; gap: 8px; border-radius: 20px; } .bq-ki-blog__quote-mark { font-size: 3.5rem; } .bq-ki-blog__card, .bq-ki-blog__callout, .bq-ki-blog__faq, .bq-ki-blog__cta { border-radius: 20px; } } /* ── Podcast-Block (Ergänzung zur Master-Vorlage) ── */ .bq-ki-blog__podcast { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 26px 0 8px; padding: 20px 24px; border-radius: 22px; background: linear-gradient(135deg, #f9f3ea, #f1e6f0); border: 1px solid var(--bq-border); } .bq-ki-blog__podcast-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--bq-lilac); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 1.25rem; flex-shrink: 0; } .bq-ki-blog__podcast p { margin: 0; flex: 1 1 260px; } .bq-ki-blog__podcast .bq-ki-blog__button { margin-top: 0; } .bq-ki-blog__podcast-player { width: 100%; } .bq-ki-blog__podcast-player iframe { width: 100%; border: 0; border-radius: 14px; } /* ── Video-Hero: ruhige, zentrierte Aufteilung (Birgits Wunsch 06.07.2026) ── */ .bq-ki-blog__video-stack { ...

Videos für deine Webseite und für deine online Kurse In dieser Episode begrüße ich Sara Wenzel-Berger, auch bekannt als 'Technik Elfe', eine Expertin für WordPress aus Graz. Gemeinsam werden wir die verschiedenen Aspekte von Videos für Webseiten und Online-Kurse diskutieren und Empfehlungen geben. Warum sind Videos wichtig? Videos sind ein mächtiges Instrument, um Vertrauen aufzubauen, dich als Experte sichtbar zu machen und deine Webseite zum Leben zu erwecken. Sie können nicht nur als Verkaufsinstrument dienen, sondern auch Informationen liefern und deine Persönlichkeit repräsentieren. Video Hosting: Der Schlüssel zum Erfolg Ein guter Video-Hoster ist der Schlüssel zum Erfolg deiner Videos auf deiner Webseite. Mit einem Code, den du vom Video-Hoster bekommst, kannst du Videos einfach in deine Webseite einbinden, unabhängig vom verwendeten Theme oder Page Builder. Einige beliebte Video-Hoster sind YouTube, Vimeo, Wistia und Sprout Video. Beachte jedoch, dass du bei Sprout Video die Videos klein rechnen musst, um die Ladezeit zu optimieren. Einbetten von Videos: Direkt oder über Links? Beim Einbetten von Videos in deine Webseite gibt es zwei Optionen: du kannst entweder den Code direkt einbinden oder den Link verwenden. Die direkte Einbindung des Codes bietet in der Regel mehr Stabilität, da sie weniger anfällig für fehlerhafte Updates von Page Buildern ist. Beachte jedoch, dass du beim direkten Einbinden selbst für den Datenschutz verantwortlich bist. Bei beiden Optionen kannst du Code-Anpassungen vornehmen, um Videos mobil optimiert darzustellen.   Videos für deine Webseite & online Kurse - Interview mit Technikelfe Sara Menzel-Berger   Videos für verschiedene Zwecke Je nach Zweck deiner Videos gibt es verschiedene Empfehlungen. Wenn du Reichweite erzielen möchtest, ist YouTube die beste Plattform, da Videos auch bei Google angezeigt werden können. Wenn es jedoch darum geht, Videos zu schützen und nur auf deiner Plattform zugänglich zu machen, empfehlen sich bezahlte Video-Hoster wie Vimeo oder Wistia. Diese ermöglichen es dir, die Inhalte zu kontrollieren und interaktive Elemente einzufügen. Videos in E-Mail-Marketing integrieren Das Einbinden von Videos in E-Mails ist technisch anspruchsvoller, aber es gibt Tricks, um Videoinhalte sichtbar zu machen. Du kannst alternative Texte für Bilder verwenden, um die Aufmerksamkeit der Leserinnen und Leser auf das Video zu lenken. Außerdem kannst du den Video-Link im Text der E-Mail hinzufügen und die Leserinnen und Leser dazu ermutigen, ihre Bilder einzuschalten, um das Video anzusehen.   WhatsApp, Telegram und Co. Messengerdienste wie WhatsApp und Telegram werden oft für den Verkauf und den Austausch von Audioinhalten genutzt. Das Einbinden von Videos auf diesen Plattformen ist weniger verbreitet, kann aber dennoch sinnvoll sein, um zusätzliche Reichweite zu erzielen. Auch das Versenden von kurzen Videos oder GIFs über diese Kanäle kann von Vorteil sein, um Interesse zu wecken. Zusammenfassung Videos sind eine großartige Möglichkeit, Vertrauen aufzubauen, deine Webseite zum Leben zu erwecken und deine Zielgruppe zu erreichen. Sie können sowohl für Reichweite als auch für den Schutz von Inhalten genutzt werden. Denke daran, dass ein guter Video-Hoster und eine strategische Einbindung von Videos auf verschiedenen Plattformen entscheidend sind. Wenn du mehr von Sara erfahren und mit ihr in Kontakt bleiben möchtest, besuche ihre Webseite TechnikElfe.com und melde dich für ihren Newsletter an. Du kannst ihr auch auf Facebook und LinkedIn folgen. Ich hoffe, dieser Blog-Beitrag hat dir geholfen, das Thema Videos für deine Webseite und deinen Online-Kurs besser zu verstehen. Wenn du Fragen hast oder weitere Unterstützung benötigst, stehe ich gerne zur Verfügung. Danke, dass du meinen Blog gelesen hast! Bis zum nächsten Mal. Alles Liebe Birgit PS: Denk daran: Dein Weg entsteht beim Gehen! Alle Inhalte kannst du dir auch gerne als Audio in meinem Podcast anhören! 

 Lesen - Blogbeitrag  Anschauen - Video  Anhören - Podcast