MP4's do not display on my webpage

M

MotuIti


Joined
Apr 16, 2010
Messages
2
Reaction score
0
Points
1
Location
Florida
Your Mac's Specs
iMac, IBook
(New to forum, Posted this in wrong place 1st time)

Saw today for the first time my webpages on an iPad. I noticed my MP4 Videos do not display. I get the play triangle button with a strike through.

Below is the code I am using. Can anyone suggest why it wont play on an iPad when it works fine on PC's and IE and Mac's with Safari. Should I use a different code?

Thanks
Sandy

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="478" height="266">
<param name="src" value="HopeTownHV.mp4">
<param name="autoplay" value="true">
<param name="controller" value="true"><embed height="266" pluginspage="http://www.apple.com/quicktime/download/" src="HopeTownHV.mp4" type="video/quicktime" width="478" controller="true" autoplay="true">
</object>
 
Mordecai

Mordecai


Joined
Jul 22, 2010
Messages
18
Reaction score
0
Points
1
Location
South Florida
Your Mac's Specs
iMac, Intel Core 2 Duo, 3.06GHz, 8GB memory, Parallels with Windows 7, dual monitors, 2 TB backup dr
I am having the identical problem with this code and the iPad2...

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="320"
width="400">
<param name="src" value="http://www.troumconsulting.com/macpcweb.m4v">
<param name="autoplay" value="true">
<param name="loop" value="true">
<param name="controller" value="true">
<embed pluginspage="http://www.apple.com/quicktime/download/"
src="http://www.troumconsulting.com/macpcweb.m4v"
type="video/quicktime" controller="true" autoplay="true" loop="true"
height="320" width="400">
</object>

What is the best way to create video clips (as the above code does for Safari on any other Mac machine) for viewing with Safari on the iPad2??

I tried this next item with HTML5 <video> tag. I am told that this works on the iPad. Try it on your iPad and let me know if it works (mine has not yet arrived)
macpc2

Thanks for any help!
Marty T.
 
darrylyoung

darrylyoung


Joined
Jun 26, 2008
Messages
213
Reaction score
2
Points
18
Location
Berlin, Germany
Read up on the <video> element in HTML5. When you declare the element, you can set numerous <source> elements as children of the <video> element. These should ideally contain formats which cover all platforms. You can also have an <object> which provides a Flash fallback for browsers that don't support HTML5. A quick example of the code could be:

<video controls autoplay>
<source src="video.mp4" type="video/mpeg"></source>
<source src="video.ogv" type="video/ogg"></source>

<object width="800" height="600" data="video.swf">
<param name="movie" value="video.swf">
<embed src="video.swf" width="800" height="600">
</object>

<p>Your browser doesn't support any of our formats</p>
</video>

That should point you in the right direction. There's so much information available about HTML5 video.
 
darrylyoung

darrylyoung


Joined
Jun 26, 2008
Messages
213
Reaction score
2
Points
18
Location
Berlin, Germany
Oh, remember to set a HTML5 doctype if you're using that markup:

<!DOCTYPE HTML>
 

Shop Amazon


Shop for your Apple, Mac, iPhone and other computer products on Amazon.
We are a participant in the Amazon Services LLC Associates Program, an affiliate program designed to provide a means for us to earn fees by linking to Amazon and affiliated sites.
Top