Solved

Using Onload to stream video

Posted on 2008-10-05
10
482 Views
Last Modified: 2010-04-21
Here is the scenario:

I have email to send a notice to watch a video.

Because of e-mail client setting, javascript is disabled.

I do not want to embed the video because of flash loading times....I want to use my streaming service.

Seems like an easy  solution...just <a href> to the url of the streaming service.

My issue is that when I do that, it opens a whole page and shows a video of 247x207...plenty of white space.

Well...I can build a page and nest the video there...pretty graphics, etc....but what I really want is for the small viewer to pop up upon a click in the e-mail.

So, my logic dictates that I need to place the javascript on a webpage, and give the URL of that page.

Upon loading of THAT page, use onload to call the window.open function that has all of the specifications of the video player.

I have the window.open code assembled.

Can someone help me with the onload code?

Again, the logic:

Receive e-mail -->  Click link -->  Go to url that has onload script that will automatically run window.open script--> streaming video service launches and video begins --> the Onload page is closed down, leaving the e-mail page and the small video playing. Again, I have the window.open script.
0
Comment
Question by:3rdLifeWebDev
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 3
10 Comments
 
LVL 3

Expert Comment

by:frindo
ID: 22646666
I think it would be better if you used

<script>
self.resizeTo(100,200);
</script>

which would resize the first window you open which plays the video. Most browsers block javascript which opens windows automatically.
0
 

Author Comment

by:3rdLifeWebDev
ID: 22646706
So if I use that script in the <head> then the page will resize itself?

Then I can stream the video in an <iframe></iframe> with that being the only code in the <body>

0
 
LVL 3

Expert Comment

by:frindo
ID: 22646715
Yep. It's a tiny bit annoying to have it resize on you from a user's perspective, but it does work.
0
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 

Author Comment

by:3rdLifeWebDev
ID: 22646718
I will try it.

Thanks for the sage wisdom.
0
 

Author Comment

by:3rdLifeWebDev
ID: 22646729
OK...just tried it.

What code would I use to have ONLY the Title Bar of the new page displayed? I need to ensure that no matter what toolbars the user has, that the Window will always load the same...regardless of toolbars, etc.
0
 

Author Comment

by:3rdLifeWebDev
ID: 22654065
frindo,

Did you see this last question? If you can advise, I am ready to close this out. Thanks again for the expert help.

I appreciate it!
0
 

Author Comment

by:3rdLifeWebDev
ID: 22664383
Does any one else care to chime in on this subject?

I appreciate it.
0
 
LVL 3

Accepted Solution

by:
frindo earned 125 total points
ID: 22664574
It's not possible to remove the toolbars of a window that is already open. If you need to have the toolbars then you need to load a page and then have the user click a link on that page to open a new window.

Auto loading windows will be blocked by most browsers as popups.

So can either do what I suggested orignally, load a page and open a window automatically (hoping that popup blockers are not too strict), or open a new page and have a link which opens a new window.

Let me know which solution you'd prefer and I'll write some code for it....
0
 

Author Comment

by:3rdLifeWebDev
ID: 22664924
Is it possible to code in the <a> tag (located in the body of the e-mail) that the new window opened should display nothing but the title bar?
0
 

Author Closing Comment

by:3rdLifeWebDev
ID: 31503266
After further research, I accept your first solution as the best.

Thank you for your help.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question