Link to non-YouTube Videos

Zmom · January 4, 2007

Hello. Is it possible to put a link in a gallery to a non-YouTube video clip? Christmas movies are on my husband's mac website. Thanks.

Andy · January 4, 2007

Zmom wrote:

Hello. Is it possible to put a link in a gallery to a non-YouTube video clip? Christmas movies are on my husband's mac website. Thanks.

Sure, why not? Give us the link and we'll show you how.

Welcome to Dgrin!

Zmom · January 4, 2007

Xmas photo link

Andy wrote:

Sure, why not? Give us the link and we'll show you how.

Welcome to Dgrin!

Thanks, Andy, Here's the link:

http://homepage.mac.com/cdwjones/2006xmas/iMovieTheater61.html

Andy · January 4, 2007

Zmom wrote:

Thanks, Andy, Here's the link:

http://homepage.mac.com/cdwjones/2006xmas/iMovieTheater61.html

And, your SmugMug site is???

Please also put it in your Dgrin profile (You!) upper left of dgrin screen.

Zmom · January 4, 2007

Andy wrote:

And, your SmugMug site is???

Please also put it in your Dgrin profile (You!) upper left of dgrin screen.

The site is http://zmommy.smugmug.com/

I believe I also put it in the Dgrin profile. Wasn't sure how to verify it shows up.

Thanks.

Andy · January 4, 2007

Sure, here you go:

http://zmommy.smugmug.com/gallery/2315351

And the code, is like this:

<html>
<object width="480" height="288" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param value="http://homepage.mac.com/cdwjones/2006xmas/iMovieTheater61.html" name="SRC"/>
<param value="true" name="CONTROLLER"/>
<param value="Aspect" name="scale"/>
<param value="true" name="AUTOPLAY"/>
<param value="0" name="border"/>
<param value="webbrowser" name="target"/>
<param name="href"/>
<embed width="480" height="288" border="0" controller="true" pluginspage="http://www.apple.com/quicktime/download/" target="webbrowser" scale="Aspect" src="http://homepage.mac.com/cdwjones/.Movies/xmas movies/MVI_0321.mov" autoplay="true"/>
</object>
</html>

Zmom · January 4, 2007

Andy wrote:

Sure, here you go:

http://zmommy.smugmug.com/gallery/2315351

And the code, is like this:

<html>
<object width="480" height="288" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param value="http://homepage.mac.com/cdwjones/2006xmas/iMovieTheater61.html" name="SRC"/>
<param value="true" name="CONTROLLER"/>
<param value="Aspect" name="scale"/>
<param value="true" name="AUTOPLAY"/>
<param value="0" name="border"/>
<param value="webbrowser" name="target"/>
<param name="href"/>
<embed width="480" height="288" border="0" controller="true" pluginspage="http://www.apple.com/quicktime/download/" target="webbrowser" scale="Aspect" src="http://homepage.mac.com/cdwjones/.Movies/xmas movies/MVI_0321.mov" autoplay="true"/>
</object>
</html>

Andy,

Thank you! This worked great on FireFox (XP and Mac) and Safari. Couldn't get IE to work but am guessing it's a security issue and don't care to explore it.

I found another post (http://www.dgrin.com/showthread.php?t=46290&highlight=video) questioning the need for a separate gallery for each movie, and attempted to follow the instructions to add and center multiple movies in one gallery. Tried this and it seems to work.

However, every movie tries to load (not play, I guessed at turning off auto-play) at the same time. Is it possible to turn this loading off or should I break these movies into two galleries?

I've attempted to put these multiple movies here:

http://zmommy.smugmug.com/gallery/2314362

Thanks again.

Andy · January 4, 2007

I've asked Allen to help out if he can... thanks!

Allen · January 4, 2007

Zmom wrote:

...
However, every movie tries to load (not play, I guessed at turning off auto-play) at the same time. Is it possible to turn this loading off or should I break these movies into two galleries?

Did you try turning auto play off? I right clicked on the movie and
unchecked "auto play" but it's still auto playing. I think that's meant for
each browsers plug-in so everyone would have to do it.

In you html there's a parameter that might be overriding.

Try changing the true to false below and see if it stops auto play.

target="webbrowser" scale="Aspect"
src="http://homepage.mac.com/cdwjones/.Movies/
xmas%20movies/MVI_0321.mov" autoplay="false"/ >

I don't know much about this but I'll go out and search and see if I can find
how to stop them from all loading.

Back later,
Al

EDit: Back. I've been searching and can't find any reference to loading movies on page load. Kinda hit a dead end so I hope someone else has a clue. Sorry.

Zmom · January 5, 2007

Allen wrote:

Did you try turning auto play off? I right clicked on the movie and
unchecked "auto play" but it's still auto playing. I think that's meant for
each browsers plug-in so everyone would have to do it.

In you html there's a parameter that might be overriding.

Try changing the true to false below and see if it stops auto play.

target="webbrowser" scale="Aspect"
src="http://homepage.mac.com/cdwjones/.Movies/
xmas%20movies/MVI_0321.mov" autoplay="false"/ >

I don't know much about this but I'll go out and search and see if I can find
how to stop them from all loading.

Back later,
Al

EDit: Back. I've been searching and can't find any reference to loading movies on page load. Kinda hit a dead end so I hope someone else has a clue. Sorry.

Thanks, Allen. I'll double check that auto-play is off and just warn people it takes a while to load.

richW · January 5, 2007

Here is a rework of a youtube page I did: http://lmsportspix.smugmug.com/gallery/2315464
See if this is close to what you want.
Do you want to have the different size videos on their own page?
Do you need the titles, caption, or links?
If so, which ones do you need?
edit: added code..

macVideo1 code is for videos sized at 320px wide x 240px high.
macVideo2 code is for videos sized at 240px wide x 320px high.
The html is placed in a html only journal style gallery.

/* This is the box that surrounds the title, video, videoInfo */            
/* You can insert a gradient in the videoBox.*/                        
/* Insert your image url below. */ 

.macVideo1 {
    width: 320px;
    height: 382px;
    display: inline;
    float: left;
    border: solid 2px #2d2d2d;
        background-color: #000000;
    background: url(http://Your Background Image Path Here);
    margin: 0px 25px 10px 26px;
    overflow: hidden;}


.macVideo2 {
    width: 320px;
    height: 444px;
    display: inline;
    float: left;
    border: solid 2px #2d2d2d;
        background-color: #000000;
    background: url(http://Your Background Image Path Here);
    margin: 0px 25px 10px 26px;
    overflow: hidden;}

/* This is the title above the video */
#videoTitle {
    margin-top: 8px;                                
    font-size: 18px;                                
    text-align: center;}

/* This is the caption below the video */
#videoCaption {
        font-weight: normal;
        color: #E3F4FF;}

/* videoInfo is the area below the video */
.videoInfo {
    text-align: center;
    margin-top: 0px;}






<div class="macVideo1">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="260" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="260" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo1">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="260" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="260" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo1">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="260" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="260" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo1">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="260" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="260" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo1">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="260" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="260" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo1">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="260" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="260" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo2">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="320" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="320" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo2">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="320" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true"><PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="320" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo2">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="320" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="320" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>


<div class="macVideo2">
<p class="title" id="videoTitle">Your Title Here</p>
<OBJECT height="320" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" width="320" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<PARAM name="SRC" value="http://YourMovieURLhere">
<PARAM name="controller" value="true">
<PARAM name="scale" value="Aspect">
<PARAM name="autoplay" value="false">
<PARAM name="cache" value="true">
<PARAM name="border" value="0">
<PARAM name="target" value="webbrowser">
<PARAM name="href">
<EMBED autoplay="false" border="0" src="http://YourMovieURLhere" scale="Aspect" target="webbrowser" pluginspage="http://www.apple.com/quicktime/download/" height="320" width="320" bgcolor="424240" controller="true">
</EMBED>
</OBJECT>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>

Zmom · January 6, 2007

You-Tube vs Mac page

richW wrote:

Here is a rework of a youtube page I did: http://lmsportspix.smugmug.com/gallery/2315464
See if this is close to what you want.
Do you want to have the different size videos on their own page?
Do you need the titles, caption, or links?
If so, which ones do you need?

Thanks, I'll take a look.

Another twist - turns out there is a download limit on the mac webpage so I think I'll move these to YouTube after all, unless we can find a away around the download limit.

Live and learn.

richW · January 6, 2007

Zmom wrote:

Thanks, I'll take a look.
Another twist - turns out there is a download limit on the mac webpage so I think I'll move these to YouTube after all, unless we can find a away around the download limit. Live and learn.

OK. I'll remove the link I made of your videos so your limit doesn't get used up.
I'll P.M. you a different link, and I'll post a text file of the code needed to make the page.

Allen wrote:

EDit: Back. I've been searching and can't find any reference to loading movies on page load. Kinda hit a dead end so I hope someone else has a clue. Sorry.

I found the method to keep all the videos from loading on page load.
#5 on this page: http://quicktime.tc.columbia.edu/users/iml/movies/mtest.html
I'll write up the code I used to style the video gallery a little later today.

richW · January 6, 2007

If you would like to have several QuickTime videos on one page.
This code can be used to keep the videos from loading untill they are clicked, this will speed up page load times.
It worked for me, I hope it works for you. A Google search for "quicktime poster movies" will give you more information. Have fun....

This code can be used to place several QuickTime videos on a page without them having to load prior to viewing.
A short video or image can be used as a place holder for the video.
I've only tested this using images as place holders for the video.
css has not been tested with all the themes. Adjust css as needed.
16px are added to the height to account for the controller.
The html is placed in a html only journal style gallery.
More information can be found on a GOGGLE search for: quicktime poster movies

qtVideo1 code is for videos sized at 320px wide x 240px high.
qtVideo2 code is for videos sized at 240px wide x 320px high.



/* This is the box that surrounds the title, embedVideo, videoInfo, caption, link */            
/* You can insert a gradient in the videoBox.*/                        
/* Insert your image url below. */ 

.qtVideo1 {
        text-align: center;
    width: 320px;
    height: 382px;
    display: inline;
    float: left;
    border: solid 2px #2d2d2d;
        background-color: #000000;
    background: url(http:// Your Background Image Path Here);
    margin: 0px 25px 10px 26px;
    overflow: hidden;}


.qtVideo2 {
        text-align: center;
    width: 320px;
    height: 462px;
    display: inline;
    float: left;
    border: solid 2px #2d2d2d;
        background-color: #000000;
    background: url(http:// Your Background Image Path Here);
    margin: 0px 25px 10px 26px;
    overflow: hidden;}


/* This is the caption below the video */
#videoCaption {
        font-weight: normal;
        color: #E3F4FF;}

/* videoInfo is the area below the video */
.videoInfo {
    text-align: center;
    margin-top: 0px;}

/* This is the title above the video */
#videoTitle {
    margin-top: 8px;
    font-size: 18px;                                
    text-align: center;}




<div class="qtVideo1">
<p class="title" id="videoTitle">Your Title Here</p>
<div class="embedVid">
<OBJECT 
   CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 
   WIDTH="320" 
   HEIGHT="256" 
   CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
   <PARAM name="SRC"        VALUE = "http:// insert the url for a 320x240 image or short video here" >
   <PARAM name="QTSRC"      VALUE = "http:// insert the url for a 320x240 image or short video here" >
   <PARAM name="HREF"       VALUE = "http:// url for your QuickTime video here" >
   <PARAM name="AUTOPLAY"   VALUE = "true"               >
   <PARAM name="CONTROLLER" VALUE = "true"               >
   <PARAM name="TYPE"       VALUE = "video/quicktime"    >
   <PARAM name="TARGET"     VALUE = "myself"             >
   <EMBED 
        SRC        = "http:// insert the url for a 320x240 image or short video here" 
        QTSRC      = "http:// insert the url for a 320x240 image or short video here"
        HREF       = "http:// url for your QuickTime video here" 
        TARGET     = "myself"
        CONTROLLER = "true"
        WIDTH      = "320" 
        HEIGHT     = "256" 
        LOOP       = "false" 
        AUTOPLAY   = "true" 
        PLUGIN     = "quicktimeplugin" 
        TYPE       = "video/quicktime" 
        CACHE      = "false" 
        PLUGINSPAGE= "http://www.apple.com/quicktime/download/" >
   </EMBED>
</OBJECT>
</div>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Title Here</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>




<div class="qtVideo2">
<p class="title" id="videoTitle">Your Title Here</p>
<div class="embedVid">
<OBJECT 
   CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 
   WIDTH="240" 
   HEIGHT="336" 
   CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
   <PARAM name="SRC"        VALUE = "http:// insert the url for a 240x320 image or short video here" >
   <PARAM name="QTSRC"      VALUE = "http:// insert the url for a 240x320 image or short video here" >
   <PARAM name="HREF"       VALUE = "http:// url for your QuickTime video here" >
   <PARAM name="AUTOPLAY"   VALUE = "true"               >
   <PARAM name="CONTROLLER" VALUE = "true"               >
   <PARAM name="TYPE"       VALUE = "video/quicktime"    >
   <PARAM name="TARGET"     VALUE = "myself"             >
   <EMBED 
        SRC        = "http:// insert the url for a 240x320 image or short video here" 
        QTSRC      = "http:// insert the url for a 240x320 image or short video here"
        HREF       = "http:// url for your QuickTime video here" 
        TARGET     = "myself"
        CONTROLLER = "true"
        WIDTH      = "240" 
        HEIGHT     = "336" 
        LOOP       = "false" 
        AUTOPLAY   = "true" 
        PLUGIN     = "quicktimeplugin" 
        TYPE       = "video/quicktime" 
        CACHE      = "false" 
        PLUGINSPAGE= "http://www.apple.com/quicktime/download/" >
   </EMBED>
</OBJECT>
</div>
<div class="videoInfo">
<p class="caption" id="videoCaption">Your Caption</p>
<p class="videoLink">
<a class="nav" href="http://#">Link</a></p>
</div>
</div>

Link to non-YouTube Videos

Comments