4

My organization's web site uses object tags to display MP4 video files. Here's an example:

<object width="494" height="388" codebase="http://www.apple.com/qtactivex/qtplugin.cab" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
<param value="http://server.site.org/path/filename.mp4" name="src" /> <param value="false" name="autoplay" />
<embed width="494" height="388" autoplay="false" pluginspage="http://www.apple.com/quicktime/download" type="video/mp4" src="http://server.site.org/path/filename.mp4" />
</object>

The videos display correctly in: Mac Firefox, Windows Firefox, Windows IE, Windows Chrome, Android browser, iOS Safari, Mac 10.6 Chrome and Mac 10.6 Safari. Other html tag options (iframe, video, etc) failed to offer as much compatibility.

The videos do not play in Mac 10.8 Safari and Mac 10.8 Chrome. (I think 10.7 works). Instead, Safari shows a blank white space with "Missing Plug-in", and Chrome shows a broken plugin icon and message bar.

The Macs in question do not have DivX or Perian (discussions.apple.com said those add-ons can cause similar problems).

What has changed in OS X (or QuickTime, or WebKit) to cause this? How do I work around this regression, without breaking functionality in other browsers?

Improve this question
2
  • 3
    Can you arrange public access to one of the affected files, and give a link? I have some ideas but without access to the media, diagnosis will be difficult. Also please link to the Apple Support Communities discussion. – Graham Perrin Nov 12 '13 at 19:24
  • I may be completely wrong, but you might want to check the Security tab of the preferences of Safari. Check the QuickTime plug-in is alive and active for the Website you visit. Otherwise, I would recommend you use the HTML5 "video" tag instead of the old fashioned "object" tag which requires external plug-ins. – Frizlab Nov 14 '13 at 23:39
2

On modern browsers your best bet is to use the HTML 5 video tag.

<video width="494" height="388" controls autoplay>
 <source src="http://server.site.org/path/filename.mp4" type="video/mp4">
 Your browser does not support the video tag.
</video>

You can put your fallback code where it says "Your browser does not support the video tag.".

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .