1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Full Screen Video

Discussion in 'HTML & Website Design' started by MarkStrobel3367, Apr 25, 2018.

  1. #1
    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.
    SEMrush
     
    MarkStrobel3367, Apr 25, 2018 IP
    SEMrush
  2. AlphaNine_Vini

    AlphaNine_Vini Active Member

    Messages:
    104
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    56
    #2
    Below code is enabling to display video on site. The css code with id "myVideo" enables to display the video in background.

    <video autoplay muted loop id="myVideo">
    <source src="rain.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
    </video>


    CSS:

    #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    }
     
    AlphaNine_Vini, Apr 25, 2018 IP
  3. MarkStrobel3367

    MarkStrobel3367 Active Member

    Messages:
    108
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #3
    Thank you for your response. How can I put the html and css codes together to make this work?
     
    MarkStrobel3367, Apr 25, 2018 IP
  4. MarkStrobel3367

    MarkStrobel3367 Active Member

    Messages:
    108
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4
    You can I replace the current video with a Youtube video? Thanks.
     
    MarkStrobel3367, Apr 27, 2018 IP