Full Screen Video

[MarkStrobel3367]

How can I get this code to work on my New Google Site, https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_fullscreen_video. When I embed this code, the video doesn't display. Thanks.

 

[chrishirst]

Haven't got a clue, other than you probably 'broke' something in the code on your page.

 

[MarkStrobel3367]

All I did was copy and paste. Hard to mess that up! The video appears to point to a specific server which explains why the video doesn't work. However, I would like to know how I could replace the current video with a Youtube video or does it need to be placed with another mp4 video. Any ideas?

 

[chrishirst]

In the W3Schools code the src attribute points to a video file called "rain.mp4" in the same directory as the document, you need to change that address to where ever your video file happens to be.

https://www.w3schools.com/html/html_filepaths.asp

 

[MarkStrobel3367]

I have a New Google Site. How would I do this if I wanted to replace the current video with a Youtube video? Thanks.

 

[chrishirst]

Put the URL in as the src attribute value, or get the embed code from the YouTube page and past that into the document source code.

https://www.w3schools.com/html/html_youtube.asp

 

[MarkStrobel3367]

I placed the Youtube url here but it didn't work <source src="Youtube Video" type="video/mp4">. For your second suggestion, I'm not sure where the document source code is within the code. Where in the code should I insert the embedded Youtube video? Thanks.

 

[chrishirst]

You tube videos aren't usually in MP4 format so you need to know what format the video you want to play is.

Where to place the embed code is where ever you want the video to appear on the page.

 

[MarkStrobel3367]

Thanks.