Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Using Onload to stream video

Posted on 2008-10-05
10
Medium Priority
?
499 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
  • 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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 500 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

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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…
Suggested Courses

783 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