I have put a video in an HTML5 document and have succeeded in having it
clipped by an SVG clip-path (and also filtered) as follows:
<style>video {position:absolute; filter: url(#f1);clip-path: url(#c1); }
p{left:50%;top:5%;
position:absolute;clip-path: url(#c1);}
</style>
The clip path is later defined within an SVG tag on the same page.
This only seems to work in Firefox though. Would it be absurd to think that
it might someday work elsewhere as well?
The other experiments I've done (trying to accomplish similar effects)
involve
a) Using <foreignObject> in svg - with an <iframe> containing the
video. Seems only to work in Firefox again - Opera displays the video, but
it only plays if I actively resize the window, as soon as I stop dragging
the corner of the window, the video stops
b) Using <video> in svg - only Opera seems to do this, but then I can't
use all the fun attributes associated with video.
So two questions really:
1. Is <video> in SVG likely to be improved in other browsers? Will the
other attributes (like controls="controls" muted="muted" loop="loop"
autoplay="autoplay" ) migrate into SVG 2.0?
2. Is the style approach above (and discussed at
https://developer.mozilla.org/En/Applying_SVG_effects_to_HTML_content )
supposed to work, eventually, in the other browsers, or is this another area
where they all have different ideas of how the spec reads, and or what makes
for good design?
I would show my examples, but I don't seem to know how to configure my
server to serve OGG or MP4 properly.
I guess that leads to a question: how to configure an Apache server so that
it properly serves OGG and MP4 mime types (I tried an .htaccess file in my
main html directory(each user has his or her own on this server)?
Thanks in advance
David
[Non-text portions of this message have been removed]
------------------------------------
-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
[email protected]
[email protected]
<*> To unsubscribe from this group, send an email to:
[email protected]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
