Click here to Skip to main content
15,903,175 members

Comments by infamousbreed (Top 16 by date)

infamousbreed 22-Jan-20 18:26pm View    

<link rel="stylesheet" href="style.css" type="text/css" media="video/mp4" />



</head>
<!-- The video -->
<video autoplay muted loop id="myVideo">
  <source src="videobg.mp4" type="video/mp4">
  
  
</video>

    #myVideo {
  position: fixed;
  right: -50;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
<script>


var video = document.getElementById("myVideo");


</script>

in the media="video/mp4" tag ive tried "video/mp4" and "myVideo" both no effect
infamousbreed 22-Jan-20 18:20pm View    
Deleted
This is what I've got:




<source src="videobg.mp4" type="video/mp4" />




#myVideo {
position: fixed;
right: -50;
bottom: 0;
min-width: 100%;
min-height: 100%;
}



var video = document.getElementById("myVideo");




Should my "var video" be before or after? ive tried "video/mp4" & "myVideo" in the media tag doesnt work neither
infamousbreed 22-Jan-20 18:14pm View    
I tried that but the whole code is having no effect at all so halving down to 50% still shows video the same. i supposed if the entire code is not being picked up by the browser then it must be in the wrong place or typed incorrectly, or missing one of these things ---> "{"
infamousbreed 13-May-12 7:38am View    
Well sort of. i dont know why that was happening nor how to fix it, but i worked around it by just forcing it to show by inserting an iframe. but i havent learnt anything from anyone thats all.
infamousbreed 13-May-12 0:05am View    
Take a look-> http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/#comments

but ive resolved this issue now by just opening an iframe and showing whatever i want in it.