I have an embed code that plays streaming video:
<object width="640" height="480" id="qt" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="MY STREAM URL">
<param name="autoplay" value="true">
<param name="controller" value="false">
<embed id="plejer" name="plejer" src="/poster.mov" bgcolor="000000" width="640" height="480" scale="ASPECT" qtsrc="MY STREAM URL" href="MY STREAM URL" kioskmode="true" showlogo=false" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/">
</embed></object>
The embed works as expected in Chrome. However in FireFox(3.6) and IE(9) I get a quicktime logo. I've checked my quicktime player prefs and I don't see a streaming or sdp option in the mime options.
Any ideas why I'm seeing this issue?
Your embed tag is set up to initially display a "poster" video (at /poster.mov, and then change to the stream when its clicked on. The object tag isn't (and also skips many of the parameters you're including in the embed). The general idea with these embed inside object schemes (particularly with QuickTime) is to pass the same parameters in both tags, the object covering IE, the embed covering basically everybody else. – John Flatness
Related
I've got a webpage which works with a MySQLi DB (this is a private website just for our company and it is not something global). Now, I want to upload some videos on server (and not on the DB) and put their links on the website. Now, here is my question: How can I make browser to open Windows Media Player (after clicking on each link by a user) and play the video on the computer, and not on the browser??
As a matter of fact, I do not want the browser to show my videos to users, I want each user to watch videos by Windows Media Player on their computers.
I think a simple should work in your html
video link
I video should download, depending on your users prefrences the video may open after its finished downloading... you can't force this
If you want stream then this embed should work:
<object id='mediaPlayer' width="320" height="285"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="http://www.yoursite.com/your-video.wmv">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='true'>
<param name='autoStart' value="false">
<param name='showControls' value="true">
<param name='loop' value="true">
<embed type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285"
src="http://www.yoursite.com/your-video.wmv" autostart="true" designtimesp='5311' loop="true">
</embed>
</object>
Note:
You would be better off using html5 tags and converting to mp4 - not that many people use windows media player these days
I just exported a .mov file from Final Cut Pro.
I want to embed that video into my HTML.
I tried :
<object width="800" height="600"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="FRIEND.mov">
<param name="autoplay" value="true">
<param name="controller" value="false">
<embed src="FRIEND.mov" width="160" height="144"
autoplay="true" controller="false"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>
I got :
Then, I tried :
<video width="800" height="600" src="FRIEND.mov" controls ></video>
I got this :
Then, when I press the play btn, I got the sound to play, but not the video. ??? Curious ?
What is the most efficient way to achieve something like that ?
First of all you can check the video format which are supported by html5 video tag from here.
.mov format does not have support by any browser.
So you need to do this with object tag. At your object tag you are using quicktime player plugin which is not exists on your browser.
install quick time player plugin to your browser. if you using chrome check this
I was wondering what all the possible tags for Flash objects are:
I have read at these links that they will be in either embed or object tags:
http://www.w3.org/wiki/HTML/Elements/embed
http://www.w3.org/wiki/HTML/Elements/object
After doing some research, it appears that there are several ways to place Flash on a website
<object type="application/x-shockwave-flash">
<video controls src="http://video.example.com/vids/315981">
View video.
</video>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<object type="application/x-shockwave-flash" data="myContent.swf">
</object>
</object>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<embed type="application/x-shockwave-flash">
</embed>
</object>
Am I missing a way to embed a Flash video? I want to be comprehensive in taking care of all cases.
Note, classid seems to be an obsolete field, but I still need to take it into account for older websites.
The tag is recognized by Internet Explorer, while Firefox and Chrome use the tag to render the flash, e.g.
<object width="150" height="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="Movie" value="/aspnet-ajax/Editor/Img/UserDir/Marketing/ASP_AJAX_banner.swf">
<param name="play" value="true">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="loop" value="false">
<param name="menu" value="false"><embed src="/aspnet-ajax/Editor/Img/UserDir/Marketing/ASP_AJAX_banner.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="transparent" loop="false" menu="false" height="150" width="150"></object>
As you can see the object tag has a classid attribute to show that the object is of type flash. The embed tag has a type property which specified that the object is of type application/x-shockwave-flash. The similarities between both tags are the wmode, quality, loop attributes and the movie and src values containing the location to the swf file. These could be the strings to look for in your custom code.
The classid attribute provides a reference that the browser can use to understand how the object should be implemented.
What is a CLSID?
A Class ID (CLSID) is a 128 bit (large) number that represents a unique id for a software application or application component. Typically they are displayed like this "{AE7AB96B-FF5E-4dce-801E-14DF2C4CD681}".
You can think of a CLSID as a "social security number" for a piece of software, or a software component.
The classid for flash objects is classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" as explained in this Adobe article
http://helpx.adobe.com/flash/kb/object-tag-syntax-flash-professional.html
As to your other question: "Also, are the embed and the object normally used together to accomodate the different browsers?" - Yes, they are used together to ensure that the flash will be played in IE, Firefox, Chrome and other popular browsers.
What's the correct way of adding a .mov file to a webpage?
I'm just adding this functionality to an existing file so I can't convert it to HTML5. The file is on the same server about 1G in size.
The client also doesn't want to use YouTube or Vimeo as it's on the homepage.
Had issues using the code in the answer provided by #haynar above (wouldn't play on Chrome), and it seems that one of the more modern ways to ensure it plays is to use the video tag
Example:
<video controls="controls" width="800" height="600" name="Video Name">
<source src="http://www.myserver.com/myvideo.mov">
</video>
This worked like a champ for my .mov file (generated from Keynote) in both Safari and Chrome, and is listed as supported in most modern browsers (The video tag is supported in Internet Explorer 9+, Firefox, Opera, Chrome, and Safari.)
Note: Will work in IE / etc.. if you use MP4 (Mov is not officially supported by those guys)
<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="sample.mov">
<param name="qtsrc" value="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov">
<param name="autoplay" value="true">
<param name="loop" value="false">
<param name="controller" value="true">
<embed src="sample.mov" qtsrc="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov" width="320" height="256" autoplay="true" loop="false" controller="true" pluginspage="http://www.apple.com/quicktime/"></embed>
</object>
source is the first search result of the Google
Well, if you don't want to do the work yourself (object elements aren't really all that hard), you could always use Mike Alsup's Media plugin: http://jquery.malsup.com/media/
I would think there would be a simple param for embedded videos to show a volume control but I cannot seem to find anything except stuff on controlling the systems volume using jquery. Is there a way to just enable the built in volume control of an embedded video?
If I use this code to embed the video is there a way to enable the volume control of the player?
<object CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" width="220">
<param name="fileName" value="URL of my Video">
<param name="autoStart" value="false">
<param name="showControls" value="true">
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="URL of my video" width=220 autoStart=0 showcontrols=1>
</object>
yes there is. and apparently you added it for two players. i dunno whether the parametes are correct, but this embedding teqnique is really out of date and will not be supported for as many clients as video could be.
you should check out the html5 video tag, the next best alternative (imo) is flash.
have a look at this article: http://camendesign.com/code/video_for_everybody