Is it possible HTML5 Video autoplay on DPS?

Hi all,
I created HTML5 Video autoplay web-content on DPS, but it doesn't play automatically on Adobe Content Viewer.
On mobile Safari, it works well.
Is it possible HTML5 Video autoplay on DPS?
Any suggestions are welcome.
shimoawazu

No, this is wrong! Apple disabled autoplay inside their native safari app. It's not disable in the whole iOS. Adobe uses a so called UIWebView. It's like mobile safari but with options adobe as a developer can set in the code for dps/content viewer.
So using the webOverlay in dps, adobe utilises said UIWebView (behind the scenes/in code) from Apple and UIWebView has an option to enable autoplay - adobe did NOT choose to enable it. The option is called "mediaPlaybackRequiresUserAction" and is YES by default. By that, ignoring a provided autoplay tag and requiring a real User tap (js clicks dont work since 4.x). Adobe could have set it to "no" and we could use the autoplay tag inside video elements to enable it ourselves.
Why didn't they? I don't know. It would have been ONE line of code. ;(
For placed videos, it is actually also just ONE line of code to enable it. (though they would need to change overlay creator and add checkbox, so we could enable and disable on a per video basis).
cheers,
masterchief

Similar Messages

AIR for iOS, Getting HTML5 Video to Autoplay in a StageWebView?

Hi all,
The video performance I get from the built in FLV video is pretty poor. I'm considering using a StageWebView to display a HTML5 page with a standard <video> in it.
The video shows up and (if I enable controls) can be played and it looks great (much better than FLV). The only issue is I cannot find a way to have the video autoplay once the StageWebView is loaded.
I've set the <video .... autoplay> parameter. I've also tried using JavaScript to send a video.play() (after the window load event is complete and the DOM is ready).
Has anyone figured this out?
I can't wait for AIR3.0 so we can just use StageVideo.. But for now I'm using AIR2.7 via Flash CS5.5 publishing for an iPad2 via AIR for iOS.
Thanks for any tips!

This was a pretty old post. In the advent of StageVideo it doesn't really matter anymore. StageVideo is GPU and you can autoplay all you like.
BTW there was an old project I'm unsure if it still exists but it was called StageWebViewBridge (SWVB) that reconnected AS3 and JS. You could call methods in JavaScript right from ActionScript the same way fscommand/externalInterface works. So you could force the video to start playing using that.

How do you stop HTML5 video from autoplaying?

I don't want video to play automatically. Flashblock achieves this for flash videos, but there doesn't seem to be a way to do the same thing for html5 video (on vine, for example).
None of the about:config settings appear to have any effect, and html5 isn't handled by a plugin so click to activate doesn't do anything either.

I confirm `flash-control`stops autoplay for html5 and old Flash videos (attached screen), plus it has a comprehensive little FAQ right on the extension page :)
Unlike `about:config` and other extensions I tried in vain.
Thanks @FredMcD @fledermaus for mentionning the former.
https://addons.mozilla.org/en-US/firefox/addon/flash-control/

HTML5 video encoding

What are people using to encode video for HTML5? The players I have looked at want .mp4, .ogg, and .webm. Media Encoder (At least the CS5 version) doesn't do the last 2. I tried the Miro encoder, but that has no controls, and has quality issues. I'm looking for a professional solution (hopefully not crazy expensive) for OSX.

heres some info re: html5 and video and various mobile devices and also browsers.. there's 2 different pastes ..first is from a doc file I have ..then theres a txt file....the info is about 9 months or a year old ...
plenty of links in articles to follow thru
=====
This is all done without JavaScript and requires only two video encodes, one Ogg file, and one MP4 file. Instructions on how to convert your videos to these formats are provided further down this article.
It’s compatible with HTML 4, HTML5 (valid markup), XHTML 1 and additionally also works when served as application/xhtml+xml.
For a full browser compatibility list, see the Video for Everybody Test Page.
The Code
Here follows the full source code. It’s very large because it’s fully commented.
You can easily compact this down (one such example follows afterwards).
To save time you could use the Video for Everybody generator by Jonathan Neal to generate the code snippet according to your options.
Do not miss the important notes below or you will be kicking yourself after wasting hours trying to get it to work.


<video width="640" height="360" controls>
 
 <source src="__VIDEO__.MP4" type="video/mp4" />
 <source src="__VIDEO__.OGV" type="video/ogg" />
 
 <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
 
 <param name="movie" value="__FLASH__.SWF" />
 <param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
 
 <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
 title="No video playback capabilities, please download the video below" />
 </object>
</video>

 Download Video:
 Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
 Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>

(If you would like your video to automatically start playing, check out the sample code on the test page.)
Here’s a compacted version as an example:
<video width="640" height="360" controls>
 <source src="__VIDEO__.MP4" type="video/mp4" />
 <source src="__VIDEO__.OGV" type="video/ogg" />
 <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
 <param name="movie" value="__FLASH__.SWF" />
 <param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
 <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
 title="No video playback capabilities, please download the video below" />
 </object>
</video>
 Download Video:
 Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
 Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>

And one that auto plays: (notice the changes “autoplay” and “autostart=true”)
<video width="640" height="360" controls autoplay>
 <source src="__VIDEO__.MP4" type="video/mp4" />
 <source src="__VIDEO__.OGV" type="video/ogg" />
 <object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
 <param name="movie" value="__FLASH__.SWF" />
 <param name="flashvars" value="autostart=true&controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
 <img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
 title="No video playback capabilities, please download the video below" />
 </object>
</video>
 Download Video:
 Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
 Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>

It’s advised you subscribe to the RSS to be kept informed of new releases in case you get caught out by new bugs introduced by vendors *cough*Apple*cough*. The version isn’t <1 for no reason.
IMPORTANT Notes
Ensure your server is using the correct mime-types. Firefox will not play the Ogg video if the mime-type is wrong. Place these lines in your .htaccess file to send the correct mime-types to browsers
Replace __VIDEO__.MP4 with the path to your video encoded to MP4 (a warning on using H.264) and
replace __VIDEO__.OGV with the path to your video encoded to Ogg.
Optionally you could also include a WebM video.
Replace __POSTER__.JPG with the path to an image you want to act as a title screen to the video, it will be shown before the video plays, and as a representative image when the video is unable to play (Also replace “__TITLE__” for the poster image’s alt text). Not all browsers support the poster attribute, it’s advisable to encode the poster image into the first frame of your video.
2. AddType video/ogg .ogv
3. AddType video/mp4 .mp4
AddType video/webm .webm
DO NOT INCLUDE THE poster ATTRIBUTE (<video poster="…">) FOR iOS 3.x SUPPORT. There is a major bug with iOS 3 that means that playback will not work on any HTML5 video tag that uses both the poster attribute and <source> elements. This was fixed in iOS 4.0, but of course for now there will still be a large number of OS 3 users. This bug does not affect use of the poster image in the flashvars parameter, which you should retain
Replace __FLASH__.SWF with the path to the Flash video player you are using. I use JW Player (download and place ‘player.swf’ in the right place), but this could be any Flash resource including YouTube. Sample code for using YouTube can be seen on the Video for Everybody YouTube Test Page
Safari buffers the video automatically even if autobuffer is absent. This has been fixed in WebKit nightlies with a change to the HTML5 spec; the “preload="none"” attribute on the video element prevents autobuffering. A current bug in WebKit causes Safari to perpetually display “loading” until the play button is clicked
The iPhone will not autoplay. This is done to save bandwidth which may cost some users.
It is not a bug, it’s a feature
HTML5 video on Android is badly broken. Resolution support varies from one handset to the next (often just 480x360), the fallback image usually doesn’t show and the code requires special adjustments. The Android emulator is completely useless as it doesn’t represent any real hardware and does not play HTML5 video. THERE IS NO WAY TO TEST ON ANDROID WITHOUT A PHYSICAL PHONE. BLAME GOOGLE.
Android 2.3 (Gingerbread) now finally supports the controls attribute, so that VfE can work, but this still leaves all previous Android versions in the lurch. Use MediaElement.js or VideoJS for better Android support.
Some web hosts, in trying to save bandwidth, gzip everything by default—including video files! In Firefox and Opera, seeking will not be possible or the video may not play at all if a video file is gzipped. If this is occurring to you please check your server / hosts and disable the gzipping of Ogg and other media files. You can switch off gzipping for video files in your .htaccess file by adding this line:
SetEnvIfNoCase Request_URI \.(og[gv]|mp4|m4v|webm)$ no-gzip dont-vary
With thanks to Bas van Bergen for this tip
There are some instances where people will simply not be able to view the video inside the web-page (e.g. Opera Mobile / Mini). It is absolutely essential that you provide download links outside of the video to ensure your message gets through
A current bug in Firefox means that when JavaScript is disabled (NoScript for example) the video controls do not display. For now, right-click on the video for the controls, use autoplay on your videos or rely on users allowing your site in NoScript
The Eolas ‘Click to Activate’ issue affects Flash in Internet Explorer 6 / 7 as the ActiveX controls are not inserted using JavaScript—however Microsoft removed ‘Click to Activate’ in a later update patch. This issue will not affect users who have run Windows Update.
Please also note that Windows XP originally shipped with Flash v6, and H.264 playback in Flash requires v9 or 10. Depending on what Flash video player you use, this may cause problems if you intend to support users with out of date Flash versions
A parsing bug in Camino 2.0 / Firefox 3.0 means that the image element inside the video element will ‘leak’ outside of the video element. This is not visible however unless some kind of background image or colour is applied to that image element. You can stop this by either wrapping the video element in another element or modifying the code from “<source … />” to “<source …></source>”. This works, but will not validate as HTML5
In IE9 beta, both the HTML5 video and Flash video underneath play at the same time. This does not occur in IE9 Platform Preview 7, which is newer than IE9 beta. It is assumed that an update to IE9 beta will fix this issue
Adding Custom Controls
Since VfE doesn’t come with any JavaScript the HTML5 video will use whatever native interface the browser provides. This is in the best interest of the user because it provides an interface best tailored to that device. For example, the iPhone always plays video fullscreen so that the edges of the video are not cut off in the browser and the user does not have to pan around to get it all in view. The iPad provides finger-friendly sized controls.
Different native video controls in Opera 10.5 and Google Chrome
Designers however don’t like the inconsistency and would like a unified set of controls. Both MediaElement.js and VideoJS use VfE and custom controls you can style how you please with CSS.
Encoding the Videos
Full instructions are beyond the scope of this article, please refer to Mark Pilgrim’s Video on the Web article for an excellent introduction to video formats and encoding instructions.
There is no restriction on the resolution of the Ogg video
The iPhone can play MOV and MPEG4 videos with a maximum size of 640x480 and only allows the Base Profile for H.264 (See Apple’s own instructions for the specifics). If your desired video is bigger than that, please read the instructions below for how to adjust the code to use hi-res videos whilst keeping iPhone compatibility
The iPad can play H.264 up to 720p, 30 FPS
Firefox will only play Ogg (WebM is also supported in Firefox 4), and it will not degrade to Flash if there is no Firefox-compatible video file
For best results I recommend including the poster image as the first frame when you encode the video
Using HD Video
If you would like to use a larger video than 640x480, you can use a QuickTime reference movie to auto-select between an iPhone compatible version and the full-size video. In QuickTime Pro use the ‘File » Export for Web…’ option to output a reference movie (you can also use Apple’s MakeRefMovie tool for finer control). You’ll have three files along these lines: “video.mov”, “video-desktop.mp4” (or m4v) and “video-iphone.mp4”. Now replace the two source elements in the code with these three: (substituting the right file paths)
<source src="video.mov" type="video/mp4"></source>
<source src="video-desktop.mp4" type="video/mp4"></source>
<source src="video.ogv" type="video/ogg"></source>
What happens here is that the browser will play the QuickTime reference movie (Safari / iPhone / iPad) which will auto-select between the desktop and iPhone versions of the video automatically. If the MOV format isn’t supported by the browser (Chrome for example), we point to the same MPEG4 video that the QuickTime reference movie uses.
A Warning About H.264
I made Video for Everybody because since I don’t have Flash installed I wanted to create a way websites could provide me access to their videos (currently needlessly trapped inside Flash) without having to lose viewers from older browsers. VfE is not a tool I would use myself (other videos on this site are HTML5/Ogg only) because of the threat that H.264 represents to freedom on the web. Websites that are already serving H.264 video to users using Flash have already made the conscious decision to buy into H.264. I am not making that decision for you with Video for Everybody.
Just be aware that if you decide to use H.264 video for commercial use then you will need to purchase a licence from the MPEG-LA. Be warned that ‘commercial use’ may also include the scenario where your website has advertisements, even though your use of video is unrelated to those adverts. If you are making any any money in any way from a page that also includes an H.264 video, then you should contact the MPEG-LA for help on licencing.
On the 27th of August 2010, the MPEG-LA announced (arguably in response to growing WebM support) that the terms of “free use” of H.264 Internet broadcast would not change in 2016. This does not change a thing.
This is similar to Nikon announcing that they will not charge you if you put your pictures up on Flickr, or HP promising that they will never charge you additionally if you photocopy something that you printed on a LaserJet.
Mike Shaver
Using WebM Video
On the 19th of May 2010 Google released the VP8 codec as open-source and royalty free with the full intent to drive broad adoption via industry backing and switching YouTube over to the new format in the long term. “WebM” is a rebranded Matroska container utilising VP8 video and Vorbis audio.
This represents major competition to H.264—Mozilla, Google and Opera have already added support into special builds of their browsers and even Microsoft have about-faced on their H.264-only policy and said that IE9 will support WebM—but only if the codec has been installed by the user. Obviously absent from any support is Apple, and this means that unfortunately codec-fragmentation will continue into the foreseeable future so that you will still need to provide more than one video encode.
Adding a WebM video to Video for Everybody is easy, just add it to the source list! It has to go below the MP4 video due to an iPad bug that ignores anything but the first source element, and ideally above the Ogg source so that browsers that play both Ogg and WebM choose the WebM video first. Here is an example source stack:
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
<source src="video.ogv" type="video/ogg" />
Note the new mime type, which you will have to add to your server.
At this extremely early stage for WebM I will not provide any help via e-mail on how to encode or use WebM video. If you don’t know how to use it already, it’s not for you—wait until support is added to your favourite tools and more information is readily available. I will update this article as the situation with WebM progresses.
================
mobile device video info
The options actually match those of the most recent iPod Video, which uses H.264 video, up to 1.5Mbps, 640 x 480 pixels, and 30 frames per second with low-complexity AAC audio up to 160 Kbps, 48kHz stereo audio. On the lower end, bandwidths up to 768Kbps, 320 x 240 pixels, and 30 frames per second are also used, known as Baseline Profile up to Level 1.3. Both options can be output with .m4v, .mp4, or .mov extensions.
iTunes. The simplest way is to use iTunes built-in converter. Apple makes it fairly simple to convert videos to play on the Apple TV or iPod, which are also conversions that can be used on the iPhone. Any video that can play in iTunes, then, can be converted to play on the iPhone, and local files can also be synced directly to the iPhone via iTunes sync conduit, making for a fairly easy process. Two downsides: first, iTunes uses a "lowest common denominator" approach, meaning that there are no customized options for encoding into H.264. Also, some users have reported a bug in the most recent version of iTunes that creates video files with no audio, so don’t toss your original video clips until you’ve had a chance to test out the new H.264-compressed video clips.
Handbrake. Handbrake is the next most-popular encoding tool for both Windows and Macintosh platforms, and it’s available in a command-line version for Linux. Handbrake does a lot more than just H.264 conversions, but for purposes of this article, Handbrake would be used to transcode an MPEG-2 transport stream or other non-H.264 formats and codecs into H.264 video files. Speed on the product is quite good, and it has the option of a single-profile conversion (like iTunes) or the ability to customize encoding or profiles and then save the tweaks for future encodings. Handbrake has made a name for itself in DVD-to-iPod conversion, so the extension of Handbrake to the iPhone is one that many users trust.
On any of the last three products, the H.264 files output from these products can be added to the iTunes library for uploading to the iPhone. For those choosing to put their iPhone-compliant videos on the web, it’s also helpful to choose hinted streaming to allow the videos to begin playing immediately rather than waiting for the entire cache to fill.
http://www.webmonkey.com/2010/05/embed-videos-in-your-web-pages-using-html5/
So, you want in on the fun? Do you want to use some HTML5 video tags on your site right now? No problem. Fasten your seat belts, as we’re about to take a tour of the wonderful world of HTML5 video.
Browser Support for HTML5
First, let’s deal with some very basic stuff, like where this will work and where it won’t. As you can see in the table below, only the latest versions of most browsers support native video playback using HTML5’s <video> tag.
HTML5 <video> support by browser: Fx 3.0 Fx 3.5 IE7 IE8 IE9 Safari 3 Safari 4 Chrome 3+ Opera 10.5
Since Firefox 3.0 and IE 7 & 8 lack any support for HTML5 video, you’ll have to come up with a fallback plan for serving video to those users. Depending on what you want to do you, could fallback first to Quicktime and then, failing that, to Flash. That’s the strategy used in Video for Everyone (note that as of v0.4, Video for everyone no longer falls back to QuickTime).
To keep things simple we’re just going to fall straight from HTML5 to Flash.
Formats, Codecs and Technicalities
The next thing you need to understand is what is actually happening when you load and play a video file in your web browser. You’re probably used to thinking of video as .mp4 or .mov files, but unfortunately it’s not that simple. The actual file formats are just containers. Think of them as a bit like a .zip file — they hold other stuff inside.
Each container holds at minimum one video track and, most likely, one audio track. When you watch a movie online, your video player (most likely Flash) decodes both the audio and video and sends the information to your screen and speakers.
Why does this matter? Well, because the process of decoding what’s inside the video container file varies. To know how to decode a movie, the player (which is your web browser in the case of HTML5 video) has to know which codec the movie was encoded with.
When it comes to web video there are two codecs to worry about: H.264 and Theora.
There’s a huge debate right now among web developers, browser makers and just about everyone else as to which codec is right for the web. We believe that a free, open codec without patent and licensing restrictions is the best solution for the web. Sadly, neither codec exactly fulfills that dream, so for now, let’s just skip the whole argument and be practical — we’re going to use both codecs.
Why? Well, have a look at the table below, which shows which codecs work where and you’ll quickly see that there is no one-size-fits-all-browsers solution. Only Google Chrome can play both H.264 and Theora.
Codec support by browser/platform: Firefox Opera Chrome Safari IE 9 iPhone Android
Ogg Theora
H.264
So, you may be thinking … if HTML5 video doesn’t work in IE7 or IE8 and it means I’m going to have to encode my videos twice, then why bother at all? Well, the best answer is simple: mobile users. If you want iPhone and Android users to be able to see your video, HTML5 is the only way to do it — Flash support is coming to Android sooner or later but for now HTML5 is the only option, and we all know Flash doesn’t run on the iPhone or the iPad.
The HTML5 Code
Here’s how to actually embed your videos. First, we encode video in both .ogv and .mp4 containers. Encoding video is beyond the scope of this article, so instead we suggest you check out Mark Pilgrim’s online book Dive Into HTML5, which has a whole chapter devoted to understanding video encoding. Pilgrim’s encoding suggestions use free software to get the job done, and in the end you’ll have two files — one .mp4 and one .ogv.
Now it’s time to unleash those movies in pure HTML glory. Here’s the code:
view source
print?
1 <video width="560" height="340" controls>
2 <source src="path/to/myvideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
3 <source src="path/to/myvideo.ogv" type='video/ogg; codecs="theora, vorbis"'>
4 </video>
Yes, that’s it. What we’ve done here is use the <video> tag to specify the dimensions of our video, and to denote that we want to use the browser’s default controls. Then, within the video tag, we’ve added two <source> elements which link to our video files.
The “type” attribute of the <source> tag helps the browser understand which file it should load. It’s a bit of an ugly chunk of code that needs to specify the container format, the video codec and the audio codec.
In this case we’ve assumed standard .ogv and baseline encoded H.264 video as per Pilgrim’s tutorial. See the WHATWG wiki for more information on which video types you can specify.
And there you have it — native web video, no plugins required.
Dealing With Everyone Else
What about IE7, IE8 and older versions of just about any other browser? Well, for those users, we’ll fall back on Flash. To do that, we just use an <embed> tag within our video tag:
view source
print?
1 <video width="560" height="340" controls>
2 <source src="path/to/myvideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
3 <source src="path/to/myvideo.ogv" type='video/ogg; codecs="theora, vorbis"'>
4 <object width="640" height="384" type="application/x-shockwave-flash"
5 data="path/to/swf/player.swf?image=placeholder.jpg&file=path/to/myvideo.mp4">
6 <param name="movie" value="path/to/swf/player.swf?image=placeholder.jpg&file=path/to/myvideo.mp4" />
7 </object>
8 </video>
Now any browser that doesn’t understand the HTML5 video tag will just continue on its way until it hits the object tag, which it should understand (note that the order, mp4 before ogv, is important for iPad support — Apple requires that mp4 be the first video file).
Of course for this to work you need a Flash video container. JW Player is one popular example, or you can roll your own using Adobe’s tools. Also remember that we still haven’t handled the case of an older version of Firefox with no Flash plugin installed (maybe your users are surfing your tubes with an outdated Linux machine). You can always add good old text-based links to the video files as a catch-all fix for anyone who can’t, for whatever reason, see either the HTML5 or Flash versions.
Conclusion
Embedding HTML5 video isn’t significantly more difficult than using Flash, especially if you’ve been using H.264 video files in your Flash player — which is exactly what YouTube has done with its HTML5 beta.
While we’re concerned about the licensing and patent requirements of H.264, it isn’t hard to notice that if you skip Theora and make all non-H.264 fall back to Flash, you’ve still saved yourself a considerable encoding headache. In fact, that’s probably the best practical argument against Mozilla and Opera’s refusal to support H.264.
If you’d like to use some of the more advanced aspects of HTML5 video, be sure to check the SublimeVideo player, which offers very nice JavaScript-powered set of custom controls. Also be sure to have a look at Video for Everybody, which makes for more complex code but handles just about every use case you could imagine. And there’s a handy Video for Everybody WordPress plugin as well.
http://camendesign.com/code/video_for_everybody
good luck

Widget for html5 videos requested

Dear Muse developer team,
It would be incredibly useful to have the possibility to insert html5 video files by help of a widget. (Not talking about links to vimeo- or youtube videos which is already possible.)
Yet we have to do tricks with inserting our own html.
A proper widget with varieties to select, such as autoplay, loop, or any options for skins, would be very helpful.
Best,
bartl
(referring to this discussion: http://forums.adobe.com/message/6067994#6067994)

Answered on your another thread Does vimeo have a vimeo gallery widget like youtube gallery widget

How to embed HTML5 video player in web page

I have developed a video player using html, javascript and jquery. depending upon the browser type and mobile/non-mobile device, it creats the html5 video tags or redirect to a fall back flash player). I am using Adobe media server
this player works well on all the browsers.
videoplayer.html
<!DOCTYPE html>
 <html>
 <head>
</head>
<body>
<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
 <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
 <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
 <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
 <param name="allowFullScreen" value="true" />
 <param name="wmode" value="transparent" />
 <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2 Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny. mp4','autoPlay':false}]}" />
 <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
 </object>
 </video>
</body>
 </html>
============================================
If I embed this video player in any of the aspx page using <EMBED></EMBED>, the redirection to flash player does not happen.(it works fine on chrome and safari but not on IE and firefox)
<EMBED height=360 width=250 src="http://localhost/videoplayer.html"></Embed>

I used <object> to make it work in IE and Firefox
<object type="text/html" data="http://64.165.34.7:8134/videoplayer.html?size=1&playlist=2" style="width:460px; height:260px"></object>

Safari 6 lost audio in HTML5 videos

I used to be able to play HTML5 videos in Safari without a problem--but as of the past week or so, I get no audio. I did a couple of courses through Coursera this summer and the HTML5 videos worked fine. But now that I've started new courses, I have to use Chrome (which I don't like) or use the Flash versions of the video which are not as good. Anyone else encountering problems with HTML5 videos audio?
I've seen older posts about Safari not playing nice with Youtube HTML5s; but that's a long time ago and my Safari was working fine with HTML5 until the last week or so.
My MacBook Pro is mid-2012 and running : OS X 10.8.4 (12E55)

I was just searching for a solution to this exact problem before posting it here myself.
I am also a regulat Coursera student and had managed to watch and hear the HTML5 option videos without problem.
It must be difficult to visualise for people who aren't signed up to Coursera but not unlike YouTube, there are both Flash and HTML5 versions of lecture videos with inline content often in the form of quizzes (or tests, as we call them in the UK!). However, unlike YouTube, it is possible to change settings on the video page.
Just recently (probably aroung the same time Dominique noticed problems) the audio ceased functioning using the HTML option and the in video content and quizzes stopped using the Flash option.
I reported the problem to Coursera but got a pretty unhelpful response.
From Coursera:
Sorry to hear about this, and thank you for letting us know.
We have not had an unusual amount of students reporting issues with the video playback. If its a specific Video, please let us know which one so we can check it. If its the same for all videos on this site, and the problem is slowly getting worse, it sounds like an issue with your browser or cookies and cache.
First, could you please try clearing your browser’s cookies and cache and then let me know if the problem persists? You can find instructions on how to clear various browsers here.
(Link to page which lists the following)
Google Chrome (newest)
Note: Ubuntu users may have to install the chromium-codecs-ffmpeg-extra package to make the videos work in Chromium.
Firefox (23)
Note: The video speed change feature for lecture watching is not yet supported in Firefox.
Safari (newest)
Internet Explorer (9 or newer)
Also, could you kindly tell me what happens if you try this in another browser? You can find a list of Coursera’s supported browsers here.
If those suggestions don’t work, would you mind sending me a screenshot of the problem that you encountered? This will help us better diagnose the issue.
I got the feeling from the response that they hadn't read my message properly as it is not really possible to send a screenshot of either missing quiz or audio.
Anyway, for the record, I had already tried disabling extensions etc. and have cleared cookies and cache as Coursera suggested which has not brought the HTML5 audio back.
Every now and then, I do get an in video quiz using Flash but it's only about one in ten lectures. But the problem is extremely fustrating because it means that I have to load the video lectures multiple times (depending on how many quizzes etc. there are to watch the video in Flash until it reaches a quiz then reload it in HTML5 then reload it in Flash until the next quiz etc. etc.

How to force HTML5 video?

hey,
I did a clean install of Yosemite on my mid-2010 MBP 13, and one of the supposed things that was supposed to come of Yosemite (and Safari) was HTML5 video playback.
1) I have "prefer HTML5 playback" set w/Netflix, but, it still demands me to download Silverlight.
1) I cannot find a way to play HTML5 YouTube videos, so, I had to get Flash
I haven't gone into vimeo or other things yet, but, this just doesn't make sense.
If I can play non-flash YouTube videos, and don't need Silverlight for Netflix on my iOS device, then I absolutely demand I be able to do the same on my Mac!! Even my 4-year old Mac has a more powerful processor than the iOS devices that can play 1080p video!!!
Anyone know what settings I need to adjust? Is there something I'm missing in Safari, because I should be able to force the HTML5 video by now.
(Don't tell me to get Chrome, I despise google, they MADE me a google plus account just to sign in and manage my youtube playlists. Now they have another count for their social network, which I do not use at all.)
I don't use this support site, much, but trying to get someone from apple to read this.
thanks!

"I don't have Adobe Flash installed, and YouTube videos play just fine in Safari 8. So do all other videos I have come across on various websites. If you find a site that seems to demand Flash Player, post its URL and I'll let you know what happens."
I found a site: youtube.com! (yes I am using Safari 8, I did a clean install of Yo, so, there it is.) Which Mac model do you have? If you can do it on your Mac, then I don't need to contact google or netflix, I need to get Safari to tell the server to pull the HTML5 video.
"...Perhaps your account's YouTube preferences needs a setting altered to force it to use HTML5? ..."
Please tell me where these preferences are, I can find nothing, I have looked everywhere for some kind of setting for this.
"Try uninstalling Adobe Flash Player, using Adobe's uninstaller utility. Don't use anything else to eradicate it. Download the uninstaller directly from Adobe's website."
I don't need to, before I got flash, before I signed in to my youtube account it would not play, I tried and tried, it required flash player.
• Apple must have implemented this only on certain newer Macs, yet, I am sure my Mac will do it, as I read elsewhere that people were using Chrome for HTML5 video playback, and, in fact, it ran fine on a machine such as mine, better than playing flash (uses less processor power). So I know it's possible.
• Can anyone else tell me if there is some setting within Safari I can force HTML5 video playback somehow?
I even tried to go to youtube's mobile site, but, it redirects me.
arg.

HTML5 video inside iweb not playing online

Hi everyone.
This is the first time I post something on this forum. I´m having problems with posting a html 5 video online from my iwebsite. I´m new to html so I might very well have done some simple thing wrong in the code. It looks good inside iweb but in firefox I get a X on a grey background and in Safari It says loading..... forever/___sbsstatic___/migration-images/migration-img-not-avail.png Any help would be wildly appreciated
This is the code I copied from http://videojs.com/embed-builder/
<video class="video-js" width="870" height="489" controls preload autoplay poster="/___sbsstatic___/migration-images/migration-img-not-avail.png">
<source src="http://hrund.org/_/Media/reel.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="http://hrund.org/_/Media/reel.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="http://hrund.org/_/Media/reel.Ogv" type='video/ogg; codecs="theora, vorbis"' />
<object id="flashfallback1" class="vjs-flash-fallback" width="870" height="489" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"playlist":["/___sbsstatic___/migration-images/migration-img-not -avail.png", {"url": "http://hrund.org/_/Media/reel.m4v","autoPlay":true,"autoBuffering":true}]}' />
</object>
</video>
Download Video:
MP4,
WebM,
Ogg
HTML5 Video Player by VideoJS
And my site is hrund.org
I also tried to mess with the MIME types at my host but I´m suspecting the problem something more simple.
Thanks,
Haru.

I did do a test page by copying the code from VideoJS.
http://web.me.com/roddymckay/JW-Player/VideoJS.html
It seems to work OK except that the poster image just flashes on and then disappears.
If you can tolerate this flaw, you can copy their code and replace the URLs with your own rather than using the online code builder.

Fluid Grid Layout- HTML5 video buttons become gray squares Android

I am attempting to use Fluid Grid layouts for a simple smartphone/tablet acessible video page. I am in Dreamweaver CS6 Cloud (updated). The buttons for play and full screen mode are shown as gray squares on my Android phone. It works fine in other browsers (OS:Windows 7, Chrome, FireFox and IE. I have not tested iOS or iPhones). I spent a day trying variations trying to get it to work properly on the Android and finally built a whole new HTML5 (non Fluid Grid) and it works. But that has issues with formatting, where comes in small and has text not filling the page for Android. I am trying to avoid people having to zoom in and out to see the page. The Fluid Grid brings the page in the way that I want it. My guess is that the Fluid Grid boilerplate or the respond.min.js is causing the conflict. As this is a touchy new venture into Adaptive Design I have left these files alone.
Here is the fluid grid (stripped of formatting) http://www.oha-edu.org/Video/v1.html
Here is the HTML5 video page where the buttons show up. http://www.oha-edu.org/Video/2.html
Dumping my Droid Razr Maxx (Android Version 4.04, System version 6.16.211.xt912.Verizon.en.US) is not a solution. I wish to make this work for as many devices as possible.

FMS 4 HTTP dynamic streaming in HTML5 video Tag

We recently purchased FMS4 and I'm in the midst of setting it up. However, not that it's a HUGE deal, but....
I see conflicting answers in the forums about whether or not it is possible to stream media in the HTML5 <video> tag (going back to early 2010).
Ideally, I'd like to stream (most of the time using flash), but for the specific browsers that support it, (chrome, ff, IE9, and select iOS devices) HTML5 video tags.
So, can FMS 4 do that?
<video id="something" controls="controls">
<source src="http://video.mydomain.com/vod/myMovie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

</video>
If so, how? I gave it a shot using the above code (minus the "blah, blah, blah" ), and the video doesn't play - if all it is, is a syntax error, then please be so kind as to provide the correct syntax.
However, if it isn't possible unless you download something else, like the File Packager for HTTP Streaming or the Origin module for HTTP Dynamic Streaming... please direct me accordingly.
Any assistance would be greatly appreciated.
Thank you kindly, in advance.

To the best of my knowlege, no.
The browser would need to support the flash media manifest file format to be able to play and HTTP stream from FMS, and I don't think any of the browser vendors have implemented it. It would be more likely that Apple's spec is adopted (HLS uses a similar structure using mpeg-ts), but that's not implemented in anything other than safari at this point.
you -could- use the bundled apache http server to serve progressive downloads to the <video> object in the browser, but it wouldn't be a stream coming from FMS.
More info on flash media manifest file format here:
http://opensource.adobe.com/wiki/pages/viewpage.action?pageId=43581634

Issue with HTML5 video not playing

Hi,
I've set up a simple HTML5 video test in Dreamweaver CS4. I pulled the code needed from the W3 schools site:
http://www.w3schools.com/html5/html5_video.asp
After making a few adjustments in my code for file path and dimensions, I uploaded the clip and web page it to my server. Here is the result and I'm having trouble with browsers; in Chrome it plays great; in IE 9, the video is jerky and the toolbar does not have the fullscreen option like in Chrome:
http://designerandpublisher.com/multimedia/5/video.html
I also uploaded everything to a second server, one completely different than the one above. The result is worst - again, the video plays fine in Chrome, but in IE9, the video does not even show up at all. See below:
Does anyone know how to resolve this? Thanks.

In the end, you should end up with a piece of code that looks something like this:
<video id="YourID" width="600" height="400" preload="auto" autobuffer autoplay controls>
<source src="YourVideo.mp4" type='video/mp4; codecs="h.264, aac"' />
<source src="YourVideo.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="YourVideo.ogv" type='video/ogg; codecs="theora, vorbis"' />
<object width="600" height="400" type="application/x-shockwave-flash"
 data="flowplayer-3.2.7.swf">
 <param name="movie" value="flowplayer-3.2.7.swf" />
 <param name="allowfullscreen" value="true" />
 <param name="flashvars" value='config={"clip": {"url": "YourFullVideoPath.mp4", "autoPlay":false, "autoBuffering":true}}' />
 Download video as <a href="YourVideo.mp4">MP4</a>, <a href="YourVideo.webm">WebM</a>, or <a href="YourVideo.ogv">Ogg</a>.
</object>
</video>
This has all 3 video formats and a Flash fallback that plays the mp4.
I use http://www.mirovideoconverter.com/ to convert to all the formats required, which I just realised Jon has already mentioned. It's a very easy converter.

How to play HTML5 videos? Please help

So I've used Firefox since ever it came out and now I have problems with playing videos on YouTube because of the HTML5, I currently have Firefox 35.0.1 and I even had 36 but the problem was still there, the only way I found to solve this was to downgrade to 31 since it still uses flash, please help me here, the videos won't play on Firefox but they will play in Internet Explorer.

''John99 [[#answer-691133|said]]''
<blockquote>
May be difficult to sort out if you are on the unsupported Firefox 31 I suggest you upgrade *
If you do need to use Firefox 32 a safer method that works in some cases and in this sort of situation is to use the current up to date secure and supported version (Fx 35.0.1 at the moment), but spoof Fx31 by using an add-on to switch the User Agent String. There is even an add-on but for the opposite problem
* https://addons.mozilla.org/en-US/firefox/addon/youtube-flash-video-player/
Firefox 35 works for me playing Youtube HTML5 videos.
I attach screenshots of
*https://www.youtube.com/html5 offering HTML5, and using HTML5
Click thumbnails for larger image
YouTube has been making changes and may make further changes relating to different Firefox versions and the Flash/HTML options on YouTube. If anything the more likely problem is being offered only HTML and not FlashPlayer.
Another complication, but again the other way round is that due to a series of security patches having been issued recently for FlashPlayer, so users may have old versions of FlashPlayer that Firefox blocks.
===*===
More complicated but it is possible to install multiple versions of Firefox, but you should also use separate profiles for each version. It is something you may consider trying if you need to keep a working Firefox 31 for playing You Tube until you sort out Fx35.
* http://kb.mozillazine.org/Testing_pre-release_versions#Installing_multiple_versions
* http://kb.mozillazine.org/Using_multiple_profiles_-_Firefox
</blockquote>
This is what I get

Multiple HTML5 Videos on one page

How can I get more than one HTML5 video on one page? When I tried to place 4 3-sec videos with autoplay and looping, only the first one plays.
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video1.m4v" type= "video/mp4"/>
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video2.m4v" type= "video/mp4"/>
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video3.m4v" type= "video/mp4"/>
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video4.m4v" type= "video/mp4"/>
Thank you

Hi
Unfortunately you cannot, as most browsers use an "exclusive OR" code for playing videos, which means that only one will play at a time. The reason for this is that if they did not do so you could have multiple soundtracks playing at the same time.
There are 3rd party players that will do this though, (sorry cannot recommend any specific player, but try a search).
PZ

Final Cut export for HTML5 Video tag

I need to export a video into OGG, WebM, and MP4 for use in HTML5 video tag. Is this possible in FCP or are there any good plugins/software that can export to those various formats?

FCP can export MPEG4 and its variants such as H.264.
Googling .mov to .ogg and webM brings up several options for other software, none of which are familiar to me.
Here's the top hit: http://www.mirovideoconverter.com/

Is it possible HTML5 Video autoplay on DPS?

Similar Messages

Maybe you are looking for