embedding movies

[WindAndWaves]

Hi Gurus

Here is another one - I am just soaking up all these new learnings!

I have the following piece of html

<IMG SRC="test.gif" WIDTH="320" HEIGHT="256" ALT="movie placeholder">
<BR>
<A HREF="test.mov">Interiors</A> |
<A HREF="althorpe1.mov">Interiors</A> |
<A HREF="althorpe2.mov">Exteriors</A>

I want to implement a little JavaScript that allows the picture to be
swapped for a virtual tour, a QuickTime mov file. Here is the syntax for
the test.mov file that should replace the test.gif

<EMBED SRC="test.mov" WIDTH="320" HEIGHT="256" BGCOLOR="E8E8E8" CACHE="true"
HOTSPOT66="NewMovie.mov" CONTROLLER="true"></EMBED>

Now you probably say .... listen dude, check out the 101 postings on
swapping images..... Well, just to make it a little more complicated, I want
to add the HOTSPOT functionality. When you make the QuickTime movie
(virtual tour - aka 360 view), you can identify hot spots. These are
basically areas that the user can click on to get the next virtual tour /
movie. Now, in test.mov, there is a hotspot66, when you click on it,you are
supposed to link through to NewMovie.html (which would contain
NewMovie.mov), but I want the same file to remain on the screen and
NewMovie.mov to be placed into the image area.

Seems that we have moved (prematurely of course) to JavaScript 102....

TIA for all your kind help. I am already stoked with all the help that I
got.

- Nicolaas

 

[Randy Webb]

Hi Gurus

Here is another one - I am just soaking up all these new learnings!

I have the following piece of html

<IMG SRC="test.gif" WIDTH="320" HEIGHT="256" ALT="movie placeholder">
<BR>
<A HREF="test.mov">Interiors</A> |
<A HREF="althorpe1.mov">Interiors</A> |
<A HREF="althorpe2.mov">Exteriors</A>

I want to implement a little JavaScript that allows the picture to be
swapped for a virtual tour, a QuickTime mov file. Here is the syntax for
the test.mov file that should replace the test.gif

<EMBED SRC="test.mov" WIDTH="320" HEIGHT="256" BGCOLOR="E8E8E8" CACHE="true"
HOTSPOT66="NewMovie.mov" CONTROLLER="true"></EMBED>

Now you probably say .... listen dude, check out the 101 postings on
swapping images..... Well, just to make it a little more complicated, I want
to add the HOTSPOT functionality. When you make the QuickTime movie
(virtual tour - aka 360 view), you can identify hot spots. These are
basically areas that the user can click on to get the next virtual tour /
movie.

Wrap your image in a div tag, change its innerHTML property.

Now, in test.mov, there is a hotspot66, when you click on it,you are
supposed to link through to NewMovie.html (which would contain
NewMovie.mov), but I want the same file to remain on the screen and
NewMovie.mov to be placed into the image area.

Then you would have to edit NewMovie.mov to remove the link target and
let JS handle it. I don't know much about the internals of .mov so you
may have to ask elsewhere unless the .mov can return a variable to JS.

Seems that we have moved (prematurely of course) to JavaScript 102....

Wait until 105 :-x

 

[RobG]

Hi Gurus [...]
I want to implement a little JavaScript that allows the picture to be
swapped for a virtual tour, a QuickTime mov file. Here is the syntax for
the test.mov file that should replace the test.gif

Have a look here:

<URL:http://www.apple.com/quicktime/authoring/embed.html>

Cheers, Rob.

 

[WindAndWaves]

Hi Gurus

Here is another one - I am just soaking up all these new learnings!

I have the following piece of html

<IMG SRC="test.gif" WIDTH="320" HEIGHT="256" ALT="movie placeholder">
<BR>
<A HREF="test.mov">Interiors</A> |
<A HREF="althorpe1.mov">Interiors</A> |
<A HREF="althorpe2.mov">Exteriors</A>

I want to implement a little JavaScript that allows the picture to be
swapped for a virtual tour, a QuickTime mov file. Here is the syntax for
the test.mov file that should replace the test.gif

<EMBED SRC="test.mov" WIDTH="320" HEIGHT="256" BGCOLOR="E8E8E8" CACHE="true"
HOTSPOT66="NewMovie.mov" CONTROLLER="true"></EMBED>

Now you probably say .... listen dude, check out the 101 postings on
swapping images..... Well, just to make it a little more complicated, I want
to add the HOTSPOT functionality. When you make the QuickTime movie
(virtual tour - aka 360 view), you can identify hot spots. These are
basically areas that the user can click on to get the next virtual tour /
movie. Now, in test.mov, there is a hotspot66, when you click on it,you are
supposed to link through to NewMovie.html (which would contain
NewMovie.mov), but I want the same file to remain on the screen and
NewMovie.mov to be placed into the image area.

Seems that we have moved (prematurely of course) to JavaScript 102....

TIA for all your kind help. I am already stoked with all the help that I
got.

- Nicolaas

This is the function that I came up with:

function SM (MN, HS, HSN) {//MN = movie name (e.g. test.mov), HS = hotspot
number (e.g. 66), HSN = hotspot file name
var v = "<embed src='" + MN + ".mov' hotspot" + HS + "='" + HSN + ".mov'
target='myself' width='320' height='256' bgcolor='b2c0d9' cache='true'
controller='true'></embed>" ;
alert (v)
if (document.getElementById){
document.getElementById('mov').innerHTML = v
}
}

Although it seems to be working and the file is swapped, I can never
actually see the new movie (to see a test page, try

www.sunnysideup.co.nz/clients/friars/listing.html (go to virtual tours).

TIA


- Nicolaas

 

[WindAndWaves]

This is the function that I came up with:

function SM (MN, HS, HSN) {//MN = movie name (e.g. test.mov), HS = hotspot
number (e.g. 66), HSN = hotspot file name
var v = "<embed src='" + MN + ".mov' hotspot" + HS + "='" + HSN + ".mov'
target='myself' width='320' height='256' bgcolor='b2c0d9' cache='true'
controller='true'></embed>" ;
alert (v)
if (document.getElementById){
document.getElementById('mov').innerHTML = v
}
}

Although it seems to be working and the file is swapped, I can never
actually see the new movie (to see a test page, try

www.sunnysideup.co.nz/clients/friars/listing.html (go to virtual tours).

TIA


- Nicolaas

I take that back! I forgot the path. I am sorry. It is working now...