© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•5mo ago•
8 replies
Remi Hindriks

iframe in rich editor

I created a Youtube Video block in the Rich Editor, which in its view file has an iframe that load the video id. But iframes dont seem to work when i renderRichContent()

When i inspect the code, the wrapping div is just empty.

            <div class="relative group">
                <div class="relative aspect-video rounded-xl overflow-hidden shadow-xl">
                    <iframe
                        src="https://www.youtube.com/embed/{{ $videoId }}?rel=0&modestbranding=1&showinfo=0"
                        title="{{ $title ?: 'YouTube video' }}"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen
                        class="absolute inset-0 w-full h-full">
                    </iframe>
                </div>
                <!-- Decorative frame -->
                <div
                    class="absolute -inset-4 bg-gradient-to-r from-primary/20 to-accent-light/20 rounded-2xl -z-10 opacity-50 group-hover:opacity-75 transition-opacity duration-300"></div>
            </div>
            <div class="relative group">
                <div class="relative aspect-video rounded-xl overflow-hidden shadow-xl">
                    <iframe
                        src="https://www.youtube.com/embed/{{ $videoId }}?rel=0&modestbranding=1&showinfo=0"
                        title="{{ $title ?: 'YouTube video' }}"
                        frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        allowfullscreen
                        class="absolute inset-0 w-full h-full">
                    </iframe>
                </div>
                <!-- Decorative frame -->
                <div
                    class="absolute -inset-4 bg-gradient-to-r from-primary/20 to-accent-light/20 rounded-2xl -z-10 opacity-50 group-hover:opacity-75 transition-opacity duration-300"></div>
            </div>


Anyone have an idea how to fix this?
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Rich Editor
FilamentFFilament / ❓┊help
2y ago
Rich editor components
FilamentFFilament / ❓┊help
2y ago
Rich Editor + Spatie?
FilamentFFilament / ❓┊help
2y ago