Embedding

I was unable to find any discussion on V2 embedding of media.
Has anyone successfully embedded youtube, vimeo, flash etc...?
Will this possibly be an option to allow all html embedding, or is there a way to bypass any filter that is blocking this?

coolgates

Seems to be working, no?

retoid

On my V2 install I tried embedding vimeo with no luck.

retoid

I'll admit, I did start this discussion without having doing a lot of testing on my end, after not being able to embed vimeo is when I decided to ask.

Also, just noticed that the youtube embed is layered over the Edit post window.

Mark

Right now we only allow youtube for video. In order to add other video types, we need to work with HtmlPurifier (what we use for comment filtering). They don't have an out of the box way of doing that (yet). You're the first person to ask about it, so it hasn't been high on our list before now.

Mark

Also for your comment - the overlap problem will go away soon. We implemented edit-in-place and will push it out next week.

retoid

Ok thanks Mark. I'll take a look at HtmlPurifier.

[-Stash-]

Just trying out some different YouTube embed code...



Eh bugger, it didn't work :P

Ah okay, I see. HTML Purifier is *really* restrictive in its implementation of YouTube embedding. Nasty :(

retoid

That video was great though, brings back so many memories :)

garymardell

http://vanillaforums.org/discussion/comment/101194/#Comment_101194

Might be useful for embedding related stuff (ie my comment)

[-Stash-]

Go on then! Enable Embedding please ;)

FYI the code I used above was:

<object width="660" height="525" style="z-index:-1;">
<param name="movie" value="http://www.youtube.com/v/9sRUakmNksU&fs=1&fmt=18&quot; />
<param name="wmode" value="transparent" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/9sRUakmNksU&fs=1&fmt=18&quot; type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed>
</object>

@retoid, TA/SpringRTS is great :)

retoid

@garymardell success! Thank you for pointing that out.
This works with vimeo, youtube, hulu...
:)

viziona

hacking new sites to enable embed for them is quite easy
here is how I enabled embedding videos from istockphoto:

library/core/class.format.php:
after vimeo code, I added

} elseif (preg_match('#istockphoto.com\/file_closeup.php\?id=(\d+)(.+)embed#', $Url, $Matches)) {
$ID = $Matches[1];
$Width = 380;
$Height = 250;

$Result = <<<EOT
<div class="Video">
<object width="380" height="250" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0&quot; alt="MSBG ISTOCK EMBEDDED VIDEO" title="MSBG ISTOCK EMBEDDED VIDEO">

<param name="movie" value="http://www.istockphoto.com/video_player_wide.swf"&gt;
<param name="quality" value="best">
<param name="loop" value="false">
<param name="wmode" value="transparent">
<param name="FlashVars" value="videoLocation=video_passthrough.php%2F$ID%2F65%2F$ID.flv&videoFileID=$ID&bufferPercent=25&totalTime=30">
<EMBED SRC="http://www.istockphoto.com/video_player_wide.swf&quot; LOOP="false" QUALITY="best" FlashVars="videoLocation=video_passthrough.php%2F$ID%2F65%2F$ID.flv&videoFileID=$ID&bufferPercent=25&totalTime=30" WIDTH="380" HEIGHT="250" wmode="transparent">
</object>
<a href="$Pr$Url" target="_blank" rel="nofollow">$Pr$Url</a>
</div>
EOT;

}


while this site specifically might not be of interest to public, I wanted to post this for all those of us, who want custom sites :)