Help.. Regarding source for a video..

Question

How to display YouTube videos or any in video element or in an iframe? I tried many but it says that unable to display because it has set X-frame to sameorigin.??😥😥

Answer 1

https://code.sololearn.com/W4G8yxW60vL2/?ref=app

Answer 2

*Updated as second iframe in my code*

Acceptable format:
https://www.youtube.com/embed/AddFileNameXYZ

Answer 3

No issues! 👍 Glad to be of help

Answer 4

You mean full screen.. Just add this attribute to your iframe, allowfullscreen

<iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe>

Answer 5

Can you share your code?

Answer 6

I believe it doesn't recognize the shorter url.. Youtu.be.
I have stated the acceptable format here and updated the actual one in the code

Answer 7

Did you try doing something like this-

<iframe src="https://www.Youtube.com/embed/jtZRe4jCFTU"></iframe>

It works for me!

Answer 8

Here you go, used a random image as background https://code.sololearn.com/WXrFz7chZroo/?ref=app

Answer 9

Read this,
https://css-tricks.com/should-i-use-a-video-as-a-background/

Answer 10

that error in question means the site has blocked displaying web pages in a iframe(YouTube will not let you visit it in an iframe)
you need to specify the YouTube embed code you can get it easily
go to desktop YouTube website
below your video choose share
select embed code
copy the embed code
now include in your HTML web page

Answer 11

One more doubt.. 😜😜
Can we make a video as a background??

Answer 12

Background as that of image..

Answer 13

https://code.sololearn.com/Wa8GCnvsI1pT/?ref=app

Answer 14

@apoorva...??

Answer 15

allowfullscreen.., backgroundborder='0' ??
I was asking a video as background.. ☺️

Answer 16

Yeah I did.. Didnt work for me..

Answer 17

Try this one.. https://youtu.be/lEmGl_vsAGQ

Answer 18

That code worked..
Where did you find that link..??

Answer 19

Both links seem to be different?.

Answer 20

Thanks a lot @apoorva... Finally did it.. 😅😅👍👍