The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Video redirect on end
pabloc_torres
post Jul 20 2014, 12:32 AM
Post #1





Group: Members
Posts: 5
Joined: 20-July 14
Member No.: 21,281



Hi, I´m new into html coding and I´ve been struggling with this problem for about a week, I have this code to play a video on multiple formats so it can be compatible with almost any device, but I need to redirect to my home page after the video ends, ad I just cant figure out how to do this.
Also I´m trying to add an image as background but it´s not loading it.
Please could anybod help me!!

Sorry for the bd english.
Thanks

I´ll leave my code in case you can help me:

<meta charset="utf-8" />
<title>Biorahc</title>
</head>
<body>
<!-- Start EasyHtml5Video.com BODY section -->
<body style="background-image:url(bg.jpg)"> <!-- background call -->
<style type="text/css">.easyhtml5video span{display:none}</style>
<div class="easyhtml5video" style="position:relative;max-width:1280px;"><video controls autoplay="autoplay" poster="index.files/html5video/intro.jpg" style="width:100%" title="1280">
<source src="index.files/html5video/intro.m4v" type="video/mp4" />
<source src="index.files/html5video/intro.webm" type="video/webm" />
<source src="index.files/html5video/intro.ogv" type="video/ogg" />
<source src="index.files/html5video/intro.mp4" />
<object type="application/x-shockwave-flash" data="index.files/html5video/flashfox.swf" width="1280" height="720" style="position:relative;">
<param name="movie" value="index.files/html5video/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="flashVars" value="autoplay=true&amp;controls=true&amp;fullScreenEnabled=true&amp;posterOnEnd=true&amp;loop=false&amp;poster=index.files/html5video/intro.jpg&amp;src=intro.m4v" />
<embed src="index.files/html5video/flashfox.swf" width="1280" height="720" style="position:relative;" flashVars="autoplay=true&amp;controls=true&amp;fullScreenEnabled=true&amp;posterOnEnd=true&amp;loop=false&amp;poster=index.files/html5video/intro.jpg&amp;src=intro.m4v" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />
<img alt="intro" src="index.files/html5video/intro.jpg" style="position:absolute;left:0;" width="100%" title="Video playback is not supported by your browser" />
</object>
</video><span><a href="localhost/biorahc.com/home">html embed video</a> by EasyHtml5Video.com v2.8</span></div>
<script src="index.files/html5video/html5ext.js" type="text/javascript"></script>
<!-- End EasyHtml5Video.com BODY section -->

</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 20 2014, 07:03 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Is it this background image you talk about?

CODE
<body style="background-image:url(bg.jpg)">


Either the URL to the image is wrong slash the image doesn't exist or you somehow override that in another style sheet. Have you checked that the URL is right, case and all? If you post the URL to the page we can help you better.

Also, in the subject you talk about redirect? What's with that?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jul 20 2014, 11:03 AM
Post #3


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



If the video is made in Flash, maybe you can add a redirect in the Flash Actionscript. But I don't know if/how that works.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 20 2014, 04:19 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Yeah, but the question isn't about what the topic says. That's what confuses me. Thought the OP maybe forgot a second question.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jul 20 2014, 04:50 PM
Post #5


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



Sure it is:

QUOTE
I need to redirect to my home page after the video ends
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 20 2014, 04:58 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Sigh. sad.gif

Well, I believe the answer is what you already said. It must be done from within the flash movie.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pabloc_torres
post Jul 20 2014, 11:16 PM
Post #7





Group: Members
Posts: 5
Joined: 20-July 14
Member No.: 21,281



Hi,
First thank you everyone for your responses,
I want that when my video finishes playing it sends me automatically to my home page,
a way to identify the end of the video so it can send to my home page.
I´ve already solved the background image issue.
Did I make it easier to understand or is there something missing in my question.
Sorry
Thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 21 2014, 06:15 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



We already understood, it's just that I didn't see that bit of your post.

As said, you need to incorporate the redirect in the Flash movie.

Top of Google for "flash redirect".
http://stackoverflow.com/questions/6802477...rect-after-play
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jul 21 2014, 08:59 AM
Post #9


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



Not sure if such a redirect is user friendly actually. What if the user wants to view the video again/bookmark it/notify someone else about it before being redirected?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pabloc_torres
post Jul 21 2014, 01:50 PM
Post #10





Group: Members
Posts: 5
Joined: 20-July 14
Member No.: 21,281



QUOTE(Christian J @ Jul 21 2014, 08:59 AM) *

Not sure if such a redirect is user friendly actually. What if the user wants to view the video again/bookmark it/notify someone else about it before being redirected?


Thanks for the advice, but the "video" it´s just actually a logo reveal I don´t like it very much either but, well the client wants it that way so.... lol

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pabloc_torres
post Jul 21 2014, 01:52 PM
Post #11





Group: Members
Posts: 5
Joined: 20-July 14
Member No.: 21,281



QUOTE(pandy @ Jul 21 2014, 06:15 AM) *

We already understood, it's just that I didn't see that bit of your post.

As said, you need to incorporate the redirect in the Flash movie.

Top of Google for "flash redirect".
http://stackoverflow.com/questions/6802477...rect-after-play


Hmmm the problme is I did not created the video on flash I created it on After and made some compression or is it something I´m missing, in theory there´s just one flahs video that will play when it is supported but what if the browser takes the html tag for the mp4, or the webM this videos wont follow the flash AS are them.
Thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 21 2014, 04:47 PM
Post #12


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Well, you need the master file, FLA I think they are called, and a program to edit it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pabloc_torres
post Jul 23 2014, 05:47 PM
Post #13





Group: Members
Posts: 5
Joined: 20-July 14
Member No.: 21,281



I´ve solved it:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#myVideo").bind('ended', function(){
location.href="http://www.biorahc.com/home";
});
});
</script>
<style>
h1 {text-align:center; color: #fff; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; font-size: 400%; margin-top: 50px}
</style>
<html>
<body background="bg.jpg">
<h1>Bienvenido a Biorahc</h1>
</body>
</html>
<table align=center><tr><td>
<video id="myVideo" width="900" height="506" autoplay>
<source src="intro.m4v" type="video/mp4" />
<source src="intro.mp4" type="video/mp4" />
<source src="intro.webm" type="video/webm">
<source src="intro.ogv" type="video/ogg" />
Your browser does not support the video tag.
</video>
</td></tr></table>

Hope this helps anybody with the same problem, I think I misled the topic to adobe flash when it was about html sorry if that waas the case.
Thank you all for your time.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 04:40 AM