Hi - I'm new to this and I am building a website for a company. I created an opening video with their logo and a cool graphic mp4 file in Adobe After Effects. I edited the index.htm file with the following code:
<embed src="G:\~~~JB WORKING TEMP\video.mp4" width="1080" Height="720" autoplay="true">
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en-us">
<title>landingpage</title>
ect..........
the page opens and plays the video perfectly, when the video is done playing there is a big black place on the landing page where the video was. I want that to close.
I tried google but every link refers to youtube videos. I want this embedded in the website to play as an intro, then close, leaving the landing page open.
Can you help me please?
Isn't there anyone around this site to assist?
There's a javascript "ended" event that seems to fire when e.g. a video has stopped playing, which you might use to remove the space used by the video. I have no idea about browser support.
See also
https://www.w3schools.com/tags/av_event_ended.asp (simple example)
https://developer.mozilla.org/en-US/docs/Web/Events/ended (more details)
This worked in my IE9, Firefox and Chrome:
Thank you for the assist, it is greatly appreciated! I will give your suggestions a try and post back in case someone else has the same issue.
Thx again
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)