My video does not play when I upload it to my site, it only plays it in the dreamweaver preview screen. Video also does not play in the properties tag inspector, keeps saying unable to find the plugin that handles this media type. Also, how do I get the video to display the first frame, just shows a black screen. Am I missing something in the code? I have included my code and website.
http://www.raphaelsphotopage.com/Locomotive%20Gallery.html
> <object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsm
> p2inf.cab#Version=6,4,7,1112" type="application/x-oleobject"
> width="300" height="300"
> standby="Loading Windows Media Player components..." id="MediaPlayer">
> <param name="FileName" value="3039.wmv">
> <param name="ShowControls" value="true">
> <param name="autostart" value="false">
> <embed type="application/x-mplayer2"
> pluginspage=" http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"
> src="3039.wmv"
> width="300" height="300" showcontrols="1" showstatusbar="0" showdisplay="0" autostart="0"></embed>
> </object>
type="application/x-oleobject" is not supported by all browsers. So what you have will only work in some browsers (notably IE and Safari). It fails however in Chrome, Firefox, and Opera. Check out this page with a workaround.
http://forums.asp.net/t/1625235.aspx/1
Related
I'm pretty sure this is a path issue but it's killing me, i cannot figure out the correct path to find the video. When I run this on my local machine it works just fine. When I run this server side in Chrome it works just fine. FF and IE however come back with "Cannot find this video".
Thanks!
<td width="225"><video controls poster="Approving.jpg" width="200" height="200" preload controls>
<source src="Approving.mp4" type="video/mp4">
<object type="application/x-shockwave-flash" data="NonverBlaster.swf"
width="225" height="129">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="flashvars" value="file=Approving.mp4">
<!--[if IE]><param name="movie" value="NonverBlaster.swf"><![endif]-->
<img src="Approving.jpg" width="854" height="480" alt="Video">
<p>Your browser can’t play HTML5 video. <a href="video.webm">
Download it</a> instead.</p>
</object>
</video></td>
This is the quintessential example of what happens when you walk away for a day and come back.
What was happening is I was browsing the HTML file through windows explorer instead of using IE/FF to go to IP/Port/index.HTML of the actual HTML.
Interestingly chrome know to look on the local server for the file.
Why does Chrome keep attempting to mount mp4 files when it can't play them?
I am working on a PC Windows 7, IE 10, Chrome Version 25.0.1364.172.
It doesn't matter whether mp4 source line is before or after the object lines, Chrome seems to want to mount the mp4 files even if it can't play them.
I would like to play the mp4 file in IE 10 and the flash equivalent in Chrome, but I can't seem to make any combination of line ordering work.
So far, my only workaround is to use flash in both browsers. But why do I have to? I thought the html5 video tag was supported by both browsers?
Is this the correct way for a flash fallback to be coded, as it doesn't seem to be working. Is there a way to code this so I don't have to use flash in IE 10, which can play the mp4 files native?
Thanks for whatever assistance you can give me.
Here's a copy of the code generated at http://sandbox.thewikies.com/vfe-generator/
<!-- "Video For Everybody" http://camendesign.com/code/video_for_everybody -->
<video controls="controls" poster="Mark.jpg" width="640" height="480">
<source src="Mark.mp4" type="video/mp4" />
<object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="640" height="360">
<param name="movie" value="http://player.longtailvideo.com/player.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="controlbar=over&image=Mark.jpg&file=Mark.mp4" />
<img alt="Mark" src="Mark.jpg" width="640" height="480" title="No video playback capabilities, please download the video below" />
</object>
</video>
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 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
i'm trying to embed a .wmv video into my website but doesnt work :(
i've googled and tried <embed> and <video>
the video i'm using was created by super converter and i've used WMV7 as video codec.
is there a crossbrowser solution for it - or should i better use flash video?
thx in advance
The <video> tag is specific to HTML5, and is very browser dependent. If you care about everyone seeing the video you should not be using this tag yet--wait a few years.
As for why the embed is not working, you'll have to show us code to see what is wrong. Here is an example snippet that should work.
<OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="videofilename.wmv">
<PARAM name="autostart" VALUE="false">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<EMBED TYPE="application/x-mplayer2" SRC="videofilename.wmv" NAME="MediaPlayer"
WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>
</OBJECT>
With any HTML questions, you should tell us what browser and OS you are using. Again, source code is very important to diagnosing problems.