Problem with adding embed video (Youtube etc)

Developer help Migrations
1

Problem with adding any video (embed & loaded). Please see screenshot. I am a beginner in Ghost and just set CMS on my VPS a while ago.

No_video_added
No_video_added1472Ɨ660 59.7 KB

1 Like
2

It canā€™t be a private video or one that disallows embeds.

Looking at console logs (F12 in the browser) may help identify the problem, or looking at your ghost logs.

1 Like
3

Unfortunately, F12 does not show me the problem. Please take a glance on https://mini.film/test-minif/

For example, I put this video https://www.youtube.com/watch?v=mzeN0BXR4e0

But Ghost in admin panel shows the same ā€œOops!ā€

Public page shows no video.

4

Thereā€™s nothing useful to see on the front end if the video doesnā€™t embed. So there are no errors at all in the dev panel? No red lines if you go to the network tab, and no errors if you go to the console tab?

5

Sorry, how can I find ā€œconsole tabā€œ? url? I dont see any red lines.

6

Depending on your browser, there might be shortcuts to get to the browser console.

This little tool should show you how to get there: https://console.help

3 Likes
7

I do want to add to the discussion that Youtube has recently changed the way they allow embeds. I havenā€™t used the bookmark function for YouTube at all on Ghost, but I know it has become a big issue for my Flarum Clients. We have mitigated this issue with changes to the embed extension. I wonder if Ghost is unaware of the embedding issues.

8

Can you specify the issue you mention? What was the issue and how did you mitigate?

I see some referrer-policy requirements (apparently Youtube wants to ensure they can read the website the watcher is in), but Iā€™m not sure if that applies for Ghost Youtube Embedder.

9

Let me see if I can find it real quick. I am not using my personal computer so bear with me.

Here is the commit that fixed it for us (FLARUM):

10

Have the same problem. Actually I am not very often use youtube links in my post, but anyway.

P.S. Stranger things. Just now check again and now it worksā€¦

11

Thank you, here is my console in Chrome at the moment of embeding video from Youtube:

Console-1
Console-1703Ɨ778 174 KB

12

Seems to me my hosting company blocks Youtube due to stupid restrictions on the Russian-language Internet. :enraged_face: Iā€™ve written to them and waiting for a reply.

1 Like
13

Hi, Den, russian hoster too? :neutral_face:

1 Like
14

Yes, russian hoster. Maybe this is a goal. Cause also n8n works not correct there, but if you choose location Europe or USA everything works fine.

15

So, the problem is not related to Ghost and Youtube. The problem appears only with using a server with Russian IP addresses, because the Russian authorities are blocking Youtube.

Itā€™s very easy to get around the problem. To insert a youtube video, you must use the HTML code function inside the page instead of the EMBED function. This method is even more convenient because you can adjust the width and height of the inserted video.

For example:

<iframe width="" height="405" src="https://www.youtube.com/embed/e_CkrpgnzFY?si=TdCrLayVpXHDZpRd" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

And we see this video inserted: https://www.youtube.com/watch?v=e_CkrpgnzFY

2 Likes
16

Pay attention to the

width=ā€œā€

This is so that the video fits correctly on the phone screens.