How can i attach a Flash (Swf) video to my posts

[simon le bon]

Added on December 2010
Here is the quick access to the main interesting way on how to embed a Youtube video into our threads. A trick Posted by Ecuadorian and related in page N°2 >>
http://forums.sketchucation.com/viewtopic.php?f=79&t=10103&start=15#p149460

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __

Hi everybody,
I have just made my first explanation video, and i'm not able to add it into my post!!?

have tried:

[flash][@attachment=0]abcdef.swf[/@attachment][/flash]
[flash=][@attachment=0]abcdef.swf[/@attachment][/flash]
[flash=[@attachment=0]abcdef.swf[/@attachment]]ABCDEF.SWF[/flash]
[flash=]abcdef.swf[/flash]

(Have add @to attachment just to authorize display)

nothing works. Do i want to go to YouTube? They don't take flash movie!Arghghgh...
:-)simonlebon

[cheffey]

i was wondering the same.
i see the flash button on the toolbar at the post window, but havn't been able to get it to work. it would be a good thing b/c you can use camstudio to do quick video tutorials.

[remus]

Im not sure how you do it just from a file, but if you want to do it form youtube or something similar, the code is: [flash=widthxheight]URL of video goes here[/flash]

Perhaps you could upload it to youtube first then insert it?

[GUNAWAN W]

testing flash =)
[flash=]<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/j418yhauYlk&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/j418yhauYlk&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>[/flash]

Not working =(

[simon le bon]

And also i have one more time forgotten, we have our server limitations:

now the general file size limit is 2Mb and for images is 256 Kb.

For a video from Youtube, no problem! simply put the link between

[url=link]description[/url]

like this Gunawan video

But still waiting for who knows how to deal with our server. ;-)slb

[Gaieus]

Hi Guys,

The correct way to embed a flash vide here is this:

Code: Select all

[flash=300,320]http://www.gaieus.hu/su/videos/tuts.swf[/flash]

where the numbers after the "flash=" tag are the width and height of the flash movie (you can actually adjust this to your needs although it may affect the quality displayed).

This is how it looks like when not using the code tags:



The code Gunawan entered is a html code to embed your videos into a webpage. It cannot be used here (the forum works with BBcodes not with html)

The problem with YouTube is that the link there doesn't point to the swf file itself but to some database place where it is stored or something. You will need to find an "independent" place where you can store your swf files and display them here correctly (i.e. the URL has to end with the .swf file extension like mine above).
_______

PS Although that's not my face, it's my voice

[simon le bon]

Ok Guys, after some tryings i got the solution..!
We must be a little bit foxy.

Post completely revised for it was unnecessary complex 02/13/2009

First, your video sometime must be in free public sharing, >> depends on hosting services you use.

Our BB code needed for flash videos is:

Code: Select all

[flash=x,y]http://somesite/somefile.swf[/flash]

where x and y are respectively width and height in pixels.

As you know, if we use direct URL link, nothing happens: we just get a blank x,y rectangle.

exemple!

Code: Select all

[flash=425,344]http://www.youtube.com/watch?v=QWcSbcPFMGk[/flash]

>the expecting blank rectangle


But if we take use now for the embeded link(HTML Code)
And then locate src= code

Code: Select all

src=

We get the link we need just behind: between inverted commas. As i understand, this link leads to associated swf file with there player.

exemples

If I sum up, we can encode our videos in this way

Code: Select all

basic BB code:
[flash=x,y]http://somesite/somefile.swf[/flash]

YOUTUBE:
[flash=425,344]http://www.youtube.com/v/QWcSbcPFMGk&hl[/flash]


VIDDLER:
[flash=425,344]http://www.viddler.com/player/89295b4c/[/flash]

PHOTOBUCKET:
[flash=425,344]http://i274.photobucket.com/player.swf?file=http://vid274.photobucket.com/albums/jj245/Spendauballet/videos/ProjectMaterial_B.flv[/flash]


Now we can do it !

YOUTUBE:



VIDDLER:




PHOTOBUCKET:



;-)simon

[simon le bon]

Works the same with (our french) Dailymotion


Embeded link

Code: Select all

<div><object width="527" height="443"><param name="movie" value="http://www.dailymotion.com/swf/k2K2iJYWK7sRKFNaur&related=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/k2K2iJYWK7sRKFNaur&related=1" type="application/x-shockwave-flash" width="527" height="443" allowFullScreen="true" allowScriptAccess="always"></embed></object><br /><b><a href="http://www.dailymotion.com/video/x6z5z3_remi-gaillard-marche-sur-la-lune_fun">REMI GAILLARD MARCHE SUR LA LUNE</a></b><br /><i>envoyé par <a href="http://www.dailymotion.com/nqtv">nqtv</a></i></div>

BBcode needed

Code: Select all

[flash=x,y]http://somesite/PLAYERswf/file=http://somesite/somefile.swf[/flash]

link for flash player
src=" link "

Code: Select all

http://www.dailymotion.com/swf/k2K2iJYWK7sRKFNaur&related=1

final code

Code: Select all

[flash=527,443]http://www.dailymotion.com/swf/k2K2iJYWK7sRKFNaur&related=1[/flash]

Good fun with our french Rémi Gaillard for this _remi-gaillard-marche-sur-la-lune_


;-)simon

[simon le bon]

In certain case we just need the standard flash basic BBcode .

Code: Select all

[flash=x,y]http://somesite/somefile.swf[/flash]

I have tried out with this advertising which links to a web clock swf file.
(I grop a little to find the right dims to display)

Code: Select all

[flash=255,240]http://www.bellross.com/download/goodies/webclocks/Bell&Ross_Banner_BR01-Yellow.swf[/flash]

and no problem, no swf player needed!


~:-)simon

[simon le bon]

Now, i want to put a link to display the video directly in full screen.

With Photobucket, no problem to find the url because the full screen opens in a new window with apparent link. With YouTube it is different because the full screen option really takes the full screen and also masks the link, even in the web browser history.

After searching a little i have found a trick.

You take this now famous src="link" in the embeded link and cut the end line of code behind &. The resulting link leads not to a full screen but to a full browser's window, witch is in my point of vue pretty more efficient.

For example:
Aidanchopra "Mapping photo textures to curved surfaces"



embeded link:

Code: Select all

<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/HHsRRLCAOm8&hl=fr&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HHsRRLCAOm8&hl=fr&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object>

src=

Code: Select all

src="http://www.youtube.com/v/HHsRRLCAOm8&hl=fr&fs=1&rel=0

resulting link after cut:

Code: Select all

http://www.youtube.com/v/HHsRRLCAOm8

Please note that in this case we don't need [flash=][/flash] code anymore
i put an image link into [img]code and this resulting code into [url] code with [url=youtubelink]heading.

Code: Select all

[url=http://www.youtube.com/v/HHsRRLCAOm8][IMG]http://i274.photobucket.com/albums/jj245/Spendauballet/videos/af5790fc.jpg[/IMG][/url]

that's it! ;-)simon

[simon le bon]

Now i want to isolate an interesting tidbit from a time consuming YouTube video and provide a link to share it with you.

A solution: SPLICD

Exemple: a section from the excellent sketchupbasecamp Tyson Kartchner's "Diving Deeper into Components" >>> 1:15:05 !!!hour

Code: Select all

[url=http://splicd.com/YKB5sHDdAOs/887/1068][/url]

;-)simon, working for his community without knowing if someone is interested~~:-(

[Gaieus]

I'm listening, Simon, keep it up!

[Mike Lucey]

Thanks simon, I must earmark this page

[simon le bon]

Dear Gaieus, you definitely are our precious "listening man". Many thanks for that.
Dear Mike, it's always a pleasant while to pass into your corner bar. Thank to come and let a friendly word.
So i keep it Up.
_____________________________________________________________________


i was wondering if Youtube video's quality was changed accordingly to various dimensions


(youtube sharing options:)

Whaat's "BoolTools Coplanar Faces Test"
320x265


640x505

Comparing embeded links code we can say that this is not the case. The code simply operate a zooming. Consequently: we can set the size we want.
____

I have made a search for you to find some free screen ruler which is a useful tool in that sort of work. (the screen ruler i am using is part of a suite which is not a free software, so i can't suggest it)
Windows softwares:
JR Screen Ruler
Pixel Ruler
Free Screen Ruler

Mac OS X software:
Free Ruler for Mac OS X
---/*\---
simon

[Gaieus]

I haver used the free JR Screen Ruler (it also has a Pro version with more features) and found it pretty handy. Thanks for mentioning it, Simon; I believe that it could be useful for many here.

[susan]

well, I have the same problem.
Good thread.

[MALAISE]

MALAISE

[simon le bon]

Thank you Susan and Malaise. It's always a pleasure to meet people on our own thread. I see Malaise talking around in SCF since a long time. Dear (queen) Susan i didn't saw you until today, please welcome on this board.

for today, just a little reminder.

how to maintain the proportions of a rectangle, or in another way how to maintain the ratio ?

The so famous and so useful in daylife "Cross-multiplication" is the solution. ( In french we say: "la règle de trois")

In our case,

Width >> (for) height

a >> (for) b

Our purpose: if width=x , height y=?

solution: cross-multiplication

a >> b
x >> y
cross-multiplication:
a*y=x*b => y=x*b/a


exemple a=640 >> b=480

if x=320 >> y=320*480/640=240

(Re) in this particular case, 640/2=320 and it's easy to find that 480/2=240 ;-)

(re2) 640/480= 320/240= 4/3= 1,33333 )

> No more mathematics for now, we need simple.

in video we manage only two formats:

SD is in 4/3 ex 640x480
HD is in 16/9 ex 1280x720

4/3

4/3=1,333 ; 3/4=0,75

so if:
x=a>>y= a*0,75 ------(x= 640 > y=640*0,75=480)
y=b>>x= b*1,33 ------(y= 480 > y=480*1,333=639,84)


16/9

16/9= 1,77 ; 9/16= 0,56

so if:
x=a>>y= a*0,56----(x=1280 > y=1280*0,56=716,8)
y=b>>x= b*1,77----(y=720 > y=720*1,77=1274,4)

Re: we can consider these results as acceptable approximations

:-)simon

[simon le bon]

For today i am interested on video quality comparison between various hosts services.

The shooting is mine, taken in front of my Kitchen early in the morning. Maybe it's not the better exemple for comparison, no way, i like it!
I don't know why there is often a problem to load viddler screen inside a mixed videos display ? When i put it alone on a post it works very well; with perhaps the best quality. >> So i put others one on the next post

Viddler

[simon le bon]

Google video


YouTube


Photobucket


For me, Viddler and Photobucket are better picture quality (Vimeo also good but difficulties to load the videos)
-Youtube have lost Adobe premiere express editing options, but still have developped notes, sounds and so on.
-Photobucket still deployed Adobe premiere express for (nearly basic) editing options
-Viddler has developped an interesting system to add video comments along the strip (good word?). And also, Upload is not bad because time saving. we need just to stay the time for uploading the file. Encoding is done after: a mail can be sent to annonce the achievement.

:-)simonlebon

[Gaieus]

See, Simon, it's always good to have a topic like this around:
viewtopic.php?f=271&t=16729&p=132404#p132404

[simon le bon]

Hi everybody, probably my last post on this thread (but who knows)..

Well nothing really new Here. I have just found in mind that it would be cool to link up full screen video with displayed video rather than an single picture as i did in a previous post.


exemple taken from Speed Modelling Challenge #6 Castles

and kwistenbiebel's work that i'm completely fan

The idea:
[url=http://www.mysite.com/before&_src_link][flash=x,y]http://www.mysite.com/complete_src_link[/flash][/url]

Youtube embeded link

Code: Select all

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/YEFW9eP7_F4&hl=fr&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/YEFW9eP7_F4&hl=fr&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

src= link to Flash:

Code: Select all

http://www.youtube.com/v/YEFW9eP7_F4&hl=fr&fs=1

src= link to full screen:

Code: Select all

http://www.youtube.com/v/YEFW9eP7_F4

full code:

Code: Select all

[url=http://www.youtube.com/v/YEFW9eP7_F4][flash=480,385]http://www.youtube.com/v/YEFW9eP7_F4&hl=fr&fs=1[/flash][/url]

Works ! (just clic on the below blue line)



Not bad But full screen isn't in high quality (as far as i can see, Youtube doesn't give a way to watch full screen in the best quality)

best regards :-)simonlebon

[simon le bon]

Oups dear Gaieus! Sorry, i hadn't seen your last post occupied as i was whith the last mine.

I'm very happy my little work can help some threads like ARSights the only way to really express themselves: by videos.
Thanks to mention it simon

[simon le bon]

And a much simpler way for a common use:
.. Thank You Ecuadorian.
Easy way to embed Youtube video in SketchUcation by Ecuadorian

To summarize the idea:

All you have to do is replace "XXXXX" with the Youtube ID of your video in these templates:

For most videos:

Code: Select all

[flash=500,405]http://www.youtube.com/v/XXXXXXX[/flash]

../..
The Youtube ID of your video is very easy to spot.
It's everything between watch?v= and &.

simon.

[simon le bon]

Good improvement (taken from kirill): It is possible to embed a set of several videos with the same link using YOUTUBE. !!!
"and arrange them the way you want"

You just need a Youtube account (but who haven't one ? )

->You have to open a new Playlist, and fill it with the set of videos you want to share (not necessarily yours).
After what you have to embed it in SCF with the famous "SRC" link.. Very simple

the result:

Code: Select all

[flash=500,405]http://www.youtube.com/p/30B1B7B5C383740E&hl=fr&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"[/flash]

simonlebon

[Gaieus]

Ha! This is cool, thanks!

[simon le bon]

Gaï,
----------------- zigmünd

[KXI System]

OMG IT WORKED!

[simon le bon]

Hi KXI System,

Beautiful video you are showing.
I'm glad if this study can be useful.
I have to mention that YouTube video quality had grown a lot since my previous tests. Tell me if I'm wrong but I think it is now the best quality we can find.

Time passing this thread is becoming a grabbing box for Youtube services.

Today I would like mention PWN YouTube for who wants to download YouTube videos in flv or in plain MP4 quality

simon

[Chris Fullmer]

I have been having great luck with YouTube keeping my full resolution of videos when I record them at their recommended sizes. My text is very sharp and readable, which is a must for my (rather boring) ruby plugin tutorials I've been doing. So I'd also have to agree that YouTube quality has greatly improved.

Chris

PS I refer to this thread often.