html - Layering iframe and video -
i have video want play on top of iframe , remove when finishes can't make video appear above iframe. there trick it? i've tried css z-index doesn't help. have code this: <html> <head> <title>enormous wedding iii</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class = "container"><span> <div id = "game"><iframe src='...'></div> <div id = "video"><video autoplay> <source src="menu.mp4" type="video/mp4"> </video></div> </span></div> <script> var video = document.getelementsbytagname('video')[0]; var game = document.getelementsbytagname('iframe')[0]; video.onended = function(e) { video.style.display = "none"; }; </script> </body></html> and css file: htm...