Filmy ożywiają twoją witrynę internetową i są świetnym sposobem na zwiększenie zaangażowania użytkowników.
Na szczęście WordPress umożliwia bardzo łatwe osadzanie filmów z witryn hostingowych wideo, takich jak YouTube, Vimeo, Facebook, Twitter i wiele innych.
W tym przewodniku dla początkujących pokażemy, jak łatwo osadzać filmy we wpisach na blogu WordPress, na stronach i w widżetach na panelu bocznym.
Dlaczego warto osadzać filmy we wpisach na Twoim blogu WordPress?
Dodawanie filmów do twojego bloga WordPress to świetny sposób na przyciągnięcie uwagi odwiedzających oraz zwiększenie zaangażowania i konwersji.
Filmy pomagają wydłużyć czas spędzany przez użytkowników na twojej witrynie internetowej WordPress, a niektórzy odwiedzający mogą nawet preferować oglądanie filmów zamiast czytania tekstu pisanego.
W WPBeginner osadzamy filmy w naszych najpopularniejszych poradnikach WordPress.
Czy warto przesyłać filmy bezpośrednio do WordPressa?
Cóż, możesz, ale nie zalecamy tego robić.
Większość małych blogów korzysta ze współdzielonych kont hostingowych WordPress, a filmy mogą zajmować dużo zasobów serwera. Jeśli Twój film cieszy się dużym zainteresowaniem, istnieje większe prawdopodobieństwo, że Twoja witryna internetowa ulegnie awarii.
Po drugie, tracisz ruch od użytkowników YouTube i innych witryn hostujących filmy.
YouTube to nie tylko największa witryna hostująca filmy, ale także druga najpopularniejsza wyszukiwarka na świecie i druga najpopularniejsza sieć społecznościowa zaraz po Facebooku.
Jeśli nie chcesz przesyłać swoich filmów do YouTube, możesz skorzystać z innych platform, takich jak Vimeo, Jetpack Video, Wistia i innych.
Aby uzyskać więcej informacji, zobacz nasz wpis na temat tego, dlaczego nigdy nie powinieneś przesyłać filmów do swojej biblioteki multimediów WordPress.
W związku z tym pokażemy ci, jak krok po kroku osadzać filmy we wpisach na blogu WordPress. Wystarczy skorzystać z poniższych odnośników, aby przejść bezpośrednio do wybranej metody:
Jeśli wolisz pisemne instrukcje, czytaj dalej.
Metoda 1: Osadzanie filmów we wpisach i na stronach bloga WordPress przy użyciu edytora bloków
WordPress jest wyposażony w świetną funkcję o nazwie auto-embeds, która pozwala twojej witrynie internetowej automatycznie pobierać kod osadzania z popularnych serwisów hostingowych filmów, takich jak YouTube, Vimeo itp.
Wszystko, co musisz zrobić, to wkleić adres URL filmu do edytora WordPress.
Na przykład, możesz skopiować adres URL YouTube filmu, który chcesz osadzać.
Następnie edytuj wpis lub stronę WordPress, na której chcesz dodać film, i po prostu wklej adres URL w obszarze treści.
Gdy tylko wkleisz adres URL filmu, WordPress pobierze kod osadzania i wyświetli film z YouTube w edytorze treści.
Możesz teraz zapisać swój wpis, klikając przycisk „Aktualizuj” lub „Opublikuj”, aby zobaczyć osadzany film w swoim wpisie na żywo.
Czy to nie było łatwe?
Po dodaniu filmu można dostosować jego konfigurator, klikając film w edytorze i wprowadzając zmiany na wyskakującym pasku narzędzi.
Możesz dostosować szerokość filmu, zmienić wyrównanie i nie tylko. Możesz także dodać podpis i zachować proporcje filmu na urządzeniach mobilnych.
WordPress może automatycznie osadzać filmy tylko w przypadku serwisów znajdujących się na białej liście. W przypadku innych witryn internetowych nadal będziesz musiał uzyskać kod osadzania, a następnie wkleić go do swoich wpisów na blogu.
Oto lista usług wideo z białej listy do automatycznego osadzania w WordPress:
- Amazon
- Animoto
- Cloudup
- CollegeHumor
- Sygnał tłumu
- Dailymotion
- Flickr
- Hulu
- Imgur
- Issuu
- Kickstarter
- Meetup.com
- Mixcloud
- ReverbNation
- Screencast
- Scribd
- Slideshare
- SmugMug
- Someecards
- SoundCloud
- Pokład głośników
- Spotify
- TED
- Tumblr
- VideoPress
- Vimeo
- WordPress.tv
- YouTube
Jeśli chcesz dodać film z witryny internetowej spoza tej listy, będziesz potrzebować pełnego kodu HTML do osadzania filmu.
Wystarczy skopiować kod HTML dostarczony przez witrynę internetową z filmem i wkleić go wewnątrz bloku „HTML” w edytorze.
Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem dla początkujących, jak edytować HTML w edytorze kodu WordPress.
Metoda 2: Osadzanie filmów w WordPress przy użyciu starego klasycznego edytora
Jeśli nadal używasz starego klasycznego edytora WordPress, możesz osadzać filmy w ten sam sposób.
Wystarczy skopiować adres URL z serwisu hostingowego filmów, takiego jak YouTube, i wkleić go do edytora. Jeśli korzystasz z edytora wizualnego, zobaczysz podgląd filmu.
Nie będziesz jednak mógł korzystać z regulacji szerokości i innych opcji, z których możesz korzystać w edytorze bloków WordPress Gutenberg.
Upewnij się, że kliknąłeś przycisk „Aktualizuj” lub „Opublikuj”, aby wprowadzić twoje zmiany.
Metoda 3: Jak osadzać filmy w widżetach na panelu bocznym WordPressa
Podobnie jak wpis lub stronę WordPress, można również osadzać filmy w widżetach panelu bocznego WordPress.
Po prostu przejdź do Wygląd ” Widżety w twoim obszarze administracyjnym WordPress, a następnie kliknij ikonkę „+”, aby utworzyć nowy blok.
Następnie wyszukaj „Film” w pasku wyszukiwania.
Następnie możesz kliknąć blok dla rodzaju filmu, który chcesz dodać. Na przykład YouTube, Vimeo, TED i inne.
Następnie należy wkleić adres URL twojego filmu w polu, kliknąć przycisk „Osadź”, a zostanie on automatycznie osadzony w obszarze widżetu.
Następnie wszystko, co musisz zrobić, to kliknąć przycisk „Aktualizuj”, a widżet filmu będzie teraz dostępny na twojej witrynie WordPress.
Teraz użytkownik może przejść na twoją witrynę internetową, aby zobaczyć film na żywo. Rozmiar filmu będzie automatycznie skalowany w oparciu o rozmiar twojego obszaru widżetu.
Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat dodawania i korzystania z widżetów w WordPress.
Metoda 4: Używanie wtyczek WordPress Video Embed do osadzania filmów
Domyślnie nie trzeba używać wtyczki, aby osadzać filmy w WordPressie. Możesz jednak chcieć użyć wtyczek, aby poprawić wrażenia z oglądania filmów na twojej witrynie internetowej.
Poniżej znajduje się kilka wtyczek WordPress, które warto wypróbować.
1. Smash Balloon YouTube Feed Pro
Smash Balloon YouTube Feed Pro to najlepsza wtyczka do galerii filmów YouTube dla WordPress, której zaufało ponad 40 000 właścicieli witryn internetowych.
Korzystaliśmy z niego na naszych własnych witrynach internetowych i przetestowaliśmy wszystkie jego funkcje. Aby uzyskać szczegółowe informacje, zobacz naszą pełną recenzję Smash Balloon.
Umożliwia automatyczne osadzanie wszystkich filmów z twojego kanału YouTube w konfigurowalnym formacie galerii. Automatycznie importuje nowe filmy, łączy kanały filmów, może dodać funkcję transmisji na żywo, osadzać listę odtwarzania YouTube i wiele więcej.
Co więcej, uwzględnia zobacz, polubienia, udostępnienia, komentarze i reakcje, które mogą pomóc zwiększyć twój dowód społeczny.
Dostępna jest darmowa wersja wtyczki YouTube feed, za pomocą której możesz po prostu dodać kanał YouTube do WordPressa.
Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem na temat wyświetlania najnowszych filmów z kanału YouTube w WordPress.
Możesz także użyć wtyczki Smash Balloon YouTube Feed z wtyczką Social Wall, która łączy wszystkie Twoje treści z mediów społecznościowych z Facebooka, Instagrama, Twittera i YouTube na jednej stronie WordPress.
2. Smash Balloon TikTok Feed Pro
TikTok Feed Pro, również autorstwa Smash Balloon, to potężna wtyczka, która pozwala łatwo osadzać filmy TikTok w dowolnym miejscu na twojej witrynie WordPress.
Wpisy na Twoim kanale TikTok są automatycznie przesyłane na Twoją witrynę internetową i wyświetlane w pięknym kanale galerii filmów. Możesz wybierać spośród wielu układów kanału, w tym siatki, karuzeli, listy i muru.
Edytor kanałów typu „przeciągnij i upuść” zapewnia również pełną kontrolę nad wyglądem twojego kanału TikTok. Możesz ustawić liczbę filmów do wyświetlenia i dostosować kolory, stylizację, odstępy i wiele więcej.
Ponadto, jest wyposażony w pomocne narzędzia do moderacji, które pozwalają filtrować twoje filmy na podstawie słowa lub hashtagu. Korzystając z tej funkcji, możesz tworzyć wyselekcjonowane kanały filmów dla różnych części twojej witryny internetowej, aby kierować reklamy na określone treści.
Istnieje również darmowa wersja wtyczki Feeds for TikTok, której można użyć do dodania prostego kanału TikTok w WordPress.
Więcej szczegółów można znaleźć w naszym przewodniku na temat osadzania filmów TikTok w WordPress.
3. Envira Gallery
Envira Gallery to najlepsza wtyczka do galerii WordPress na rynku. Używaliśmy jej na niektórych naszych witrynach internetowych do tworzenia 111111 pięknych galerii WordPress. Aby uzyskać więcej informacji, zobacz naszą recenzję Envira Gallery.
Można go używać do łatwego tworzenia galerii zdjęć w WordPress. Zawiera również dodatek Videos Addon do wyświetlania 111111 pięknych i responsywnych galerii filmów.
Można tworzyć galerie filmów z serwisów YouTube, Vimeo, Twitch, DailyMotion i innych. Możesz nawet wyświetlać listy odtwarzania YouTube z twojego osobistego konta i masz możliwość uruchamiania filmów z YouTube w określonym czasie.
Envira jest bardzo łatwa w użyciu. Wystarczy wpisz adres URL twojego filmu na YouTube, a inteligentny system automatycznie pobierze miniaturki filmów.
Dostępna jest darmowa wersja Envira Gallery. Jednak, aby uzyskać dostęp do funkcji galerii filmów, potrzebna jest wtyczka premium.
4. Pasek subskrypcji YouTube
Pasek subskrypcji YouTube wyświetla przycisk subskrypcji YouTube pod Twoim filmem z YouTube osadzanym w WordPress. Pobiera również liczbę subskrybentów YouTube, aby dodać dowód społeczny i zachęcić więcej użytkowników do subskrybowania Twojego kanału.
Po raz pierwszy stworzyliśmy go, aby promować kanał YouTube WPBeginner na tej witrynie internetowej. Wielu naszych użytkowników prosiło nas o podzielenie się tym, jak to zrobiliśmy, więc postanowiliśmy wydać ją jako darmową wtyczkę.
5. Leniwe wczytywanie filmów
Lazy Load for Videos rozwiązuje problem wczytywania skryptów osadzających filmy z zewnętrznych witryn internetowych, co ma wpływ na szybkość i wydajność ładowania strony internetowej.
Zamiast tego wczytuje kod osadzania tylko wtedy, gdy użytkownik kliknie przycisk odtwarzania.
Nawiasem mówiąc, nie będziesz potrzebować tej wtyczki, jeśli używasz wtyczki Smash Balloon YouTube Feed, ponieważ ma ona wbudowaną pamięć podręczną i opóźnione wczytywanie odtwarzacza filmów.
Film instruktażowy
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo osadzać filmy we wpisach na blogu WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tego , jak skonfigurować SEO filmów w WordPressie lub z naszym eksperckim wyborem najlepszego oprogramowania do edycji filmów.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
Thanks for the block editor tutorial. I’ve been using Elementor until now and here’s a widget where you just put the URL of the video and it worked. But it’s good to know how it works in the block editor in case the website owner doesn’t want Elementor for some reason.
Pierre Gazzola
As my dementia stay the same I though I try again wordpress been away siince version 3.
However was smart enough to keep your page in my wp tab on chrome you help me so much all the time and remembering so much thank you.
From a old 70 25 at hearth :))
WPBeginner Support
Glad we can be helpful and we hope our guides continue to help you now and in the future!
Administrator
sandeep
i have added YouTube video links in my WordPress blog post. now I want to remove that video link
so my question is after removing that links does it create any problem in that post indexing in google search console. because that video is appearing in video indexing page of google search console
WPBeginner Support
Unless we hear otherwise, removing a video link should not cause an issue with your post indexing.
Administrator
Krystal
When I upload a video using the blocks wordpress tells me I must upgrade my account for $96/year. I’ve been using wordpress since 2012. What gives?
WPBeginner Support
If you’re being told to upgrade, you are using WordPress.com and running into a limitation. Our content is for WordPress.org. You can see the differences between the two in our article below:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrator
Barry C Laminack
Hi, In case others may have the same problem I did with embedding a video from Rumble, after many trying many different things, I figured out how to do it by accident lol.
If it is your own video, use the Embed Code but only the link within the src= portion.
If it is not your video, using the „EMBED” button of the video, copy and use the „Embed IFRAME URL” link provided in the Embed pop dialog.
WPBeginner Support
Thanks for sharing that for users using that service
Administrator
Dexter Rodrigues
Super stuff guys. I was struggling for 2 days with LearnDash LMS on WP and a premium European hosting provider. I used the method of Custom HTML embed and it worked just fine. It’s 3.00am in the morning where I am at and am smiling because of you :). Thanks a lot, this content is truly for a beginner like me with an erratic learning curve.
WPBeginner Support
Glad our guide was helpful
Administrator
Imtiaz
I tried to upload videos from youtube, but it shows all related videos. I tried to put some restrictions also with functions like control=0, autoplay=1, ?rel=0, but none of these worked. I tried to upload videos from vimeo also, but there also related videos displayed.
Than I tired to upload videos directly from my pc, but that made my site slow.
Any suggestions how to use embeded vdeos of html from my pc.
WPBeginner Support
We do not have a recommended method for embedding a video from your home computer as a server at the moment.
Administrator
monika
hi can i add food youtube videos on my wordpress food theme?……..i am serching for a food theme on wordpress that supports food videos.
thanks
WPBeginner Support
You can add videos to any WordPress theme, where you add it would determine how difficult it would be to achieve.
Administrator
tuna
Thanks for the nice information…
I have a problem with url embed function in wordpress. When I add a url to embed a different post from my website ,everhting seems fine in preview mode. I mean I am seeing thumbnail and a excerpt of the post which is exactly what I want. But, when ı update the post there is only a simple link instead what is shown in preview mode. I need your help if possible.
Best Regards
WPBeginner Support
You would want to start by following our troubleshooting guide below:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Administrator
Samuel
I would like to have a website that is purely a Video Gallery but more like YouTube.
Do you think Plugins can do that?
Can you recommend some Plugins for me?
Thank you,
WPBeginner Support
That type of site would require more than only plugins, we would first recommend taking a look at our article below:
https://www.wpbeginner.com/beginners-guide/why-you-should-never-upload-a-video-to-wordpress/
Administrator
Gaurav J
Hi. i am using embeds block to embed my YouTube video into the post. In the edit post window, I can see the video is getting embedded/I can see the preview of the video. But, once i publish the post or preview it, I could only see the link of the video and not the preview.
I am not using any plugins for embedding the videos.
Could you please help?
WPBeginner Support
You would want to start by ensuring you’re using the YouTube block. If you are then you may want to go through the troubleshooting steps in our article below:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Administrator
Liz
Hello,
i used to embed video on wordpress by simply past the link.
Now, Google search console detect that there are some problems in the two pages I have with video embed.
I’m talking about mobile usability.
Is there a way to fix this problem or a plugin that will fix it ?
WPBeginner Support
It would depend on how and where you added the videos from, using the YouTube embed as an example should not cause an issue unless you’re using an iframe embed that specifies width.
Administrator
Luz Manalo-Cruz
I am unable to embed a YouTube video using the embed block editor (I tried both the embed block and the Youtube block). I’ve already tried pasting from the youtube studio link, from the URL in the address bar, and from the „share” button. Is there something I’m not doing right?
WPBeginner Support
You may want to try disabling your plugins to ensure this isn’t a possible conflict between one of your plugins and the embed.
Administrator
JOy Halverson
I have a youtube video on my Wordpress ecommerce site – when the video ends I simply want it to end so that my customers aren’t curious to go see other videos. No „ads” for other youtube videos unrelated to my site- I seem to recall that there is some code you can put at the end of the video URL that will accomplish this. thanks
WPBeginner Support
YouTube does not offer that functionality at this time.
Administrator
Naomi
Thank you for the information. May God bless you!
WPBeginner Support
You’re welcome, glad you like our content
Administrator
HJK
Hi, I’ve used the embed code in the HTML editor then when I switch back to visual it appears, however when I try to preview the post the video does not show up at all.
WPBeginner Support
If it is only when trying to preview the post, you may want to try saving your draft beforehand to ensure that it is not due to the preview not being saved properly
Administrator
Arpit
Really useful information. Can you please help me to know, if i add video on Wordpress post will effect on site speed or particular post speed.
WPBeginner Support
For our opinion on that, you would want to take a look at our article here: https://www.wpbeginner.com/beginners-guide/why-you-should-never-upload-a-video-to-wordpress/
Administrator
Jason
„ll you need to do is paste the video URL into the WordPress editor.”
What a ie. Even putting the youtube link into the embed block doesn’t work. I wish Wordpress would stop giving incorrect directions. Nothing seems to work when it comes to putting a simple short youtube link (of my own 2 minute video into wordpress. WP? …. IDK about this.
WPBeginner Support
You may have a plugin or similar that could be preventing the embed from being added correctly, have you tried using the video block that was added with the Gutenberg/block editor?
Administrator
Jeffrey Christian
I’m trying to embed a link from Vimeo but come up with the following error:
Sorry, this content could not be embedded.
There is no issue with the video, so not sure why there’s an error.
Any suggestions would be appreciated!
WPBeginner Support
If this method didn’t work, have you tried the video block to embed using that? If the error is in a Vimeo embed then the video owner may not allow embedding of the video.
Administrator
Suzanne Dunaway
I cannot get this to work at ALL and I have a blog with 10,000 followers so far. Why won’t this work on my Wordpress editing page??????
WPBeginner Support
If you’re using the new block editor then there is an embed or a video block that you can use if that is the issue.
Administrator
Gordana
I tried to embed url from yotube, it does work but copied video seems too large. I wanted smaller feature and I couldn’t get it smaller in no possible way. I tried same from Vimeo and was satisfied with the size. Do you have any similar experiences?
Ashley
I am pasting in the URL for our YouTube video and it does not auto embed. I did this exact process twice yesterday with no problems. Tried the embed code, logged out and logged back in but it still won’t auto embed.
Any ideas as to why this has suddenly stopped working?
David
Well what do you do when you you insert the URL, the image auto generates and then clips the rest of the paragraph instead of adjusting to fit?
Muhammad Junaid
I am using elementor to add youtube video.Secondly,does it violate copyright rule?
Civali
Please, how to set autoplay and sound off in video url?
Tyoaan Calistus
When I embed a YouTube code and add on my post, the button on click on and watch the video is usually not in the middle of the post.. How do I fix that pls?
Sejal
Hi..I copied the Youtube URL and it shows properly on the desktop version but doesnt show anything in the mobile version? Am I doing something wrong?
Suzanne Eutsler
I am embedding facebook live videos into our ministry website and am trying to figure out spacing issues. If you look at the link below, you’ll notice that underneath the video some of the text is cut off and when you look at it on an iphone you’ll notice there’s a TON of white space after each video.
HOW do I set it to be automatic that it just fits? Is there a way? I’d like it to show up correctly regardless of the pc or iphone or android etc.
HELP!!!! Please
WPBeginner Support
Hi Suzanne,
You will have to use Inspect Tool to find out CSS causing extra white space and adjust it by adding custom css.
Administrator
Isaac
pls how can i post non-youtube videos on my wordpress page