Solved

Using Onload to stream video

Posted on 2008-10-05
10
474 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
Comment Utility
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
Comment Utility
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
Comment Utility
Yep. It's a tiny bit annoying to have it resize on you from a user's perspective, but it does work.
0
 

Author Comment

by:3rdLifeWebDev
Comment Utility
I will try it.

Thanks for the sage wisdom.
0
 

Author Comment

by:3rdLifeWebDev
Comment Utility
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
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 

Author Comment

by:3rdLifeWebDev
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
After further research, I accept your first solution as the best.

Thank you for your help.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
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…
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…

771 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now