 need assist with closing intro video, code help |
| lisas |
 Feb 27 2017, 10:59 AM
Post
#1
|
|
Group: Members Posts: 6 Joined: 27-February 17 Member No.: 26,328  |
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? |
  |
 
|
  |
Replies
| Christian J |
Feb 28 2017, 11:01 AM
Post
#2
|
|
.  Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
This worked in my IE9, Firefox and Chrome:
CODE <video onended="this.style.display='none';"> Note that the page layout will reflow when the VIDEO element disappears, which might be more annoying than a black space. Maybe it's possible to make the video show a static image once it's finished? One way to do this is by stopping the video at the last second (before it turns black). So if the video is two minutes long you might specify this in the URL: CODE src="foo.mp4#t=0,00:01:59" to make it run from 0 to 00:01:59. Or you could display the video positioned in front of other content, which avoids reflowing when it's removed. But I must say that autoplaying videos are quite annoying in most cases, even more so if they block other content while playing (like an ad). |
|
|
|
Posts in this topic
lisas need assist with closing intro video Feb 27 2017, 10:59 AM
lisas Isn't there anyone around this site to assist?... Feb 27 2017, 10:54 PM Christian J There's a javascript "ended" event t... Feb 28 2017, 08:20 AM
lisas Thank you for the assist, it is greatly appreciate... Feb 28 2017, 03:07 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 24th April 2024 - 03:59 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC