EMBED tags

[Lewis]

I was trying to add a video to a page and I found the following snippet
of code:

<object width="480" height="380"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="Video pics Slideshow-Mobile.m4v">
<param name="autoplay" value="true">
<param name="controller" value="false">
<embed src="Video%20pics%20Slideshow-Mobile.m4v" width="480" height="360"
autoplay="true" controller="false" type="video/quicktime"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>

Trouble is, when checking syntax, I get an error that embed is an
unknown element.

If I remove the embed element, then the page still loads properly in
Safari, but not in Firefox. (Firefox shows no image at all)

 

[idle]

I was trying to add a video to a page and I found the following snippet
of code:

<object width="480" height="380"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="Video pics Slideshow-Mobile.m4v">
<param name="autoplay" value="true">
<param name="controller" value="false">
<embed src="Video%20pics%20Slideshow-Mobile.m4v" width="480" height="360"
autoplay="true" controller="false" type="video/quicktime"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>

Trouble is, when checking syntax, I get an error that embed is an
unknown element.

If I remove the embed element, then the page still loads properly in
Safari, but not in Firefox. (Firefox shows no image at all)

<object type="application/x-shockwave-flash" data="Video pics
Slideshow-Mobile.m4v" width="480" height="360">
<param name="movie" value="Video pics Slideshow-Mobile.m4v">
</object>

 

[Lewis]

<object type="application/x-shockwave-flash" data="Video pics
Slideshow-Mobile.m4v" width="480" height="360">
<param name="movie" value="Video pics Slideshow-Mobile.m4v">
</object>

Er... how is flash involved in this at all?

 

[idle]

Er... how is flash involved in this at all?

It isn't. Change the ob type to match your vid
I was to lazy to change it.

 

[idle]

Er... how is flash involved in this at all?

There's the guide.
http://joliclic.free.fr/html/object-tag/en/

 

[Lewis]

It isn't. Change the ob type to match your vid
I was to lazy to change it.

Oh, OK. I was panicking that I would need to use a flash player.

 

[Lewis]

There's the guide.
http://joliclic.free.fr/html/object-tag/en/

Hmm.. I must still be missing something then.

<object width="480" height="380" data="Video%20pics%20Slideshow-Mobile.m4v" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" type="video/mp4">
<param name="movie" value="Video pics Slideshow-Mobile.m4v">
<param name="autoplay" value="true">
<param name="loop" value="true">
<param name="controller" value="false">
</object>

Works in Safari, doesn't work in Firefox (or Chrome, oddly).

Even if I remove the other params and leave only the movie one it still
only loads in Firefox.

I've tried types of video/mv4 and video/quicktime and video/mpeg with no
difference.

 

[Gus Richter]

I was trying to add a video to a page and I found the following snippet
of code:

<object width="480" height="380"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="Video pics Slideshow-Mobile.m4v">
<param name="autoplay" value="true">
<param name="controller" value="false">
<embed src="Video%20pics%20Slideshow-Mobile.m4v" width="480" height="360"
autoplay="true" controller="false" type="video/quicktime"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>

Trouble is, when checking syntax, I get an error that embed is an
unknown element.

If I remove the embed element, then the page still loads properly in
Safari, but not in Firefox. (Firefox shows no image at all)

Embed is an old Netscape proprietary element which was not endorsed by
W3C. That's the reason that the Validator throws an error. Nonetheless
ALL browsers supported (and indeed STILL support) the EMBED element due
to its popularity.

Use it with the reported error in HTML 4.01, else go through hoops as
some suggest, or else use HTML 5 which now supports it.
<http://dev.w3.org/html5/spec/the-iframe-element.html#the-embed-element>

The reason that Firefox does not work with the embed removed in the
above snippet, is because it does not support Active-X, hence the object
element is ignored.

 

[Lewis]

Hmm.. I must still be missing something then.

<object width="480" height="380" data="Video%20pics%20Slideshow-Mobile.m4v" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" type="video/mp4">
<param name="movie" value="Video pics Slideshow-Mobile.m4v">
<param name="autoplay" value="true">
<param name="loop" value="true">
<param name="controller" value="false">
</object>

This worked:

<object width="480" height="380" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="source" value="Video%20pics%20Slideshow-Mobile.m4v">
<object data="Video%20pics%20Slideshow-Mobile.m4v" width="480" height="380" type="video/quicktime">
<param name="autoplay" value="true">
<param name="loop" value="true">
<param name="controller" value="false">
</object>
</object>

At least in Safari, Chrome, and Firefox.

Suppose I should check in IE sometime. I assume it will be broken there.

 

[cwdjrxyz]

I was trying to add a video to a page and I found the following snippet
of code:

<object width="480" height="380"
    classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    codebase="http://www.apple.com/qtactivex/qtplugin.cab">
        <param name="src" value="Video pics Slideshow-Mobile.m4v">
        <param name="autoplay" value="true">
        <param name="controller" value="false">
        <embed src="Video%20pics%20Slideshow-Mobile.m4v" width="480" height="360"
        autoplay="true" controller="false" type="video/quicktime"
        pluginspage="http://www.apple.com/quicktime/download/">
        </embed>
</object>

Trouble is, when checking syntax, I get an error that embed is an
unknown element.

If I remove the embed element, then the page still loads properly in
Safari, but not in Firefox. (Firefox shows no image at all)

I will not attempt to see what is going on unless I have a url for a
web page with complete links to the media files used, else I will just
be guessing. The object at the top of the code is an ActiveX object
that is understood only by IE browsers and a few close relatives and a
few browsers that have an ActiveX plugin added. Most browsers do not
understand an ActiveX object, but do understand an ordinary object.
The code between the open and close embed tag is for most browsers
that do not understand the ActiveX. There is not and never has been an
official w3c embed tag. Rather it is a hangover from the browser war
era and was started by Netscape. The still expeirmental html5 does
have an embed element, but for video it has a new special video
element. However the embed tag will work on most non-IE bowsers and
thus is often used, even though the w3c html validator rightly gives
errors if you use it. It is quite possible to use Microsoft
conditional comments to hide ActiveX Microsoft code from other
browsers and then use a correct ordinary object code to include the
video for them. If you do not hide the object code for most browsers
from IE and v.v., you often get a mess if you view on an IE browser.
Depending on the IE version, you can, for example, get both a working
video and space for a non-working video on your page. In my opinion
all browsers, with the possible exception of the experimental html5
supporting ones, should have support of embed removed for all other
versions of html. I have yet to see a media code that requires the
embed tag to work if conditional Microsoft comments are properly used.
However you would not know this if you learn your media code writing
from many web sites including those for some of the largest companies.

 

[idle]

This worked:

<object width="480" height="380" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="source" value="Video%20pics%20Slideshow-Mobile.m4v">
<object data="Video%20pics%20Slideshow-Mobile.m4v" width="480" height="380" type="video/quicktime">
<param name="autoplay" value="true">
<param name="loop" value="true">
<param name="controller" value="false">
</object>
</object>

At least in Safari, Chrome, and Firefox.

Suppose I should check in IE sometime. I assume it will be broken there.

Hear that
type="video/quicktime" was the only change?

http://www.my-debugbar.com/wiki/IETester/HomePage
You can use that thing above to run all ie versions for testing.

 

[Lewis]

Hear that
type="video/quicktime" was the only change?

No, I have to create nested objects in order to get it to wrk in
Firefox.

http://www.my-debugbar.com/wiki/IETester/HomePage
You can use that thing above to run all ie versions for testing.

Ah, I knew about that, but couldn't recall the URL. Thanks.