Embedded Ogg Theora
Hi everybody,
I'd like to use embedded videos under Linux (Debian 4.0). I created an Ogg Theora movie which plays fine in RealPlayer 10.0.9.809. When embedding it in a pdf using the movie15 latex-package (mimetype=video/ogg, externalplayer=false, inline=true) and trying to play the movie in AdobeReader 8.1.2, I get the message "The media requires an additional player...". In Preferences/Multimedia, RealOne Player is selected.
So the overall questions obviously is why it's not working.
But I'd also like to understand how the Reader decides which player to open. My guess was mailcap, so I added video/ogg to ~/.mailcap but that didn't change anything.
Thanks for your help,
-Patrick
Hi Varun,
thanks for the file. It worked indeed under Linux but strangely enough not under Windows. We now found out that under Windows it does not work with RealPlayer 11, but only with RealPlayer 10.5.
But now we have an embedded movie file playing under XP and Linux, thus justifying somehow the "portable" in PDF ;-)
Thanks!
Just out of curiosity:
* Is there a rough estimate on when a new release supporting the movie15-latex-package will appear?
* RealPlayer 11 support Windows Media even under Linux. Will this next release of the Reader also support embedded wmv under Linux?
Regards,
-Patrick
Similar Messages
-
Does PP CS5.5 export to ogg Theora?
I'm attempting to post videos on my website that can be viewed by the widest possible audience, and it seems to cover all bases, one posts them in flash .flv, H.264 encoded .mp4, oog .ogv, and maybe webm. When I check the export media options, I don't see anything for ogg theora. Am I missing something.
One suggestion I've gotten is to open an account with youtube or vimeo, let them worry about the multiple platform codecs, and embed their videos into our webpages.You can submit feature requests and bug reports here: http://www.adobe.com/go/wish
(more on feedback for Premiere Pro) -
[SOLVED] How to Create OGG Theora Video From an Audio Track + 1 image
Does anyone know how to create an OGG Theora video (.ogv) from an audio track and one still image. I just want one video frame to repeat until the audio file is finished playing. Make sense? Any help would be appreciated, and if possible I'd love to do it with ffmpeg2theora. Thanks!
Last edited by tony5429 (2009-11-30 03:14:54)http://lists.mplayerhq.hu/pipermail/ffm … 19761.html
I've tested it w/ 'ffmpeg -loop_input -f image2 -i image.jpg -i sound.mp3 blah.avi' and the output works w/ mplayer but I had issues w/ .ogg and .ogv output.
In case vlc and gstreamer won't do, check out http://v2v.cc/~j/ffmpeg2theora/
Last edited by karol (2009-11-29 16:43:23) -
I'm looking for a professional grade video conversion software that can convert Quicktime (.mov) files to HTML5 video formats such as Ogg Theora and WebM. There are tons of free ones but I haven't found one that does a very good job. I've tried Bigasoft's converters but I'm a bit disappointed with their very basic quality settings. I'd like to have more control over parameters such as bitrates, variable passes, etc. Does anyone know of something like this? It's also hard to trust if some of the converters out there are legit.
Thanks!I just found out about Firefogg and it seems to be working well enough for my immediate needs. Still curious to see if there is anything better out there though.
-
Firefox 3.6.6 hogs CPU 100% when playing embeded ogg video
it's really not content-related. I played the same content with an external player, and the cpu load varied between 12-40% with spikes to 50%.
HTML5 video support is great, the performance not so. Any hints?Firefox 3.6.6 Windows XP - often goes to 80-100% CPU even with only one tab open (in this case the one I'm writing this message on). When this happens the only cure is to kill it with task manager and start again.
-
HTML5 export (Ogg, WebM)
Just wondering if I have overlooked a solution to export videos for html5 pages with the "other" web codecs, e.g. at least Ogg Theora and possibly WebM. They appear to be still needed for widest browser support (while the world converges).
Is there a chance to support these codes in compressor? If no, how do you create such versions for your web pages (what is your work flow, tools)?
Thanks in advance!Have a look at this: http://daringfireball.net/2009/07/ffmpeg2theora
Maybe you can use Quicktime with the Xiph QuickTime Components for Theora conversion. AFAIK Miro can do WebM. Sorenson Squeeze can do both but is $$$. -
I made a video and have been asked to provide it in .OGG and HTML5. I have created the video in FCPX. Is this even possible? I also have a computer running FCP 7. I have Compressor 4.1.2 and a computer with Compressor 3.5.3.
Thanks!
RYou can download and install this Component: http://xiph.org/quicktime/download.html
The component goes in /Library/Components (you will be asked for your administrator password to install it.)
After installing, you should be able to output ogg/theora video from Compressor (at least 3.5.3) and QT7Pro and other video converters that will accept whatever installed codecs you have on your system. From QT7Pro, use Movie to OGG export option; you are able to set up these Video properties:
and these audio properties:
You can use Google Chrome browser and Firefox (a late version) as players for these files. QT7 will play these files after you've installed the codec component, but QT (X) player will not. -
Get wrong length of OGG when used Adobe oggvorbis.swc
HI,
There are some problems i found when i uesed adobe oggvorbis library and example.
1. lack of documentions.
2. can't get the correct length of ogg files when i tried with the function getLength of oggvoris library.
3. can't play embeded ogg files.
is there any team/guy update or fix this library?There are 2 versions of Flashplayer. There is an ActiveX version for IE only and a Plugin version for most other browsers. When updating Flashplayer on a Windows system, you should update both. IE has a different way of installing and a different file that is recognized only by IE to run in the IE browser. OSX has its own "DMG" installer - see below.
You can accomplish this by visiting any of the Adobe pages that offer to update Flashplayer with <u>EACH</u> type of browser, or you can download and Save the "EXE" version for Windows ("DMG" for OSX) for each to your hard drive, close all browsers, run the installers.
*All current Flashplayer versions by OS and browser - https://www.adobe.com/products/flashplayer/distribution3.html
See -
*https://support.mozilla.org/en-US/kb/install-flash-plugin-view-videos-animations-games
*https://support.mozilla.org/en-US/kb/keep-flash-up-to-date-and-troubleshoot-problems -
Will there ever be proper, native ogg support in itunes?
"People have been asking for this ever since Ogg Vorbis only existed in beta, and I can't imagine Apple ever adding it."
Well, why not? Ogg Vorbis is open source, completey unencumbered patent-wise, and can be included without having to release the iTunes source. There is no good reason why iTunes should not support Ogg Vorbis and Ogg Theora (the video codec).
I've switched back to Winamp on my Windows box, and VLC on my Mac, until Ogg media support is added. I suggest that all fans of Ogg do the same. -
From AVI to FLV for Flash MX Professional 2004
Hi there...
Let me thank you for your attention...
This is my issue, I had this Flash MX 2004 Professional when I bought my PC, since then , 6 years ago, I learned how to use it, and recently got a little proyect which turned out to be something very professional, I developed some SWF files at 30fps and recorded them using Camtasia Studio at 40fps, then I created an AVI video file of 400MB +-, I want that those AVIs inside an SWF with my own VIDEO PLAYER, the one me myself developed, play, paused buttons, progressBar, time, etc. Problem is, these AVI files are much too big, I think, for my Flash MX 2004 Professional, they last 1hour 30min. I cannot upgrade to a modern version of Flash ever since, I have no time to do it, the proyect is already somehow delayed, and almost everything is already done in Flash MX 2004 Professional, I have no ways to convert my AVI files into FLA files, or how place those 1hour-30min AVI files in my SWF, ever since I need those videos besides some other SWF files which I will use to lounch a product will must run just as it it were a DVD, it has its own menu, from the user may select the video they want to see, when they select one, a new window must pop-up with my video and my controlers in it.
Would you recommend me some programs that may convert my heavy AVI files into more readable FLA files, my Flash MX 2004 Professional does not do it properly... I have no idea why...
Please I appreciate your advice ever since I just learned everything as I developed my SWF and other files.
Thanks for your attentioncheck out the source code on this page
http://rodneybauer.com/whiteboard2.htm
im using flv file...not swf file....and using html5....see below for more info on that...
you can use other video / sound assets besides flv
----------------random notes for you to check out------------
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 -
Hello, I have activated the option to see videos of Youtube using HTML5, with the browser ephipany (and with firefox) some videos can reproduce , instead, others do not reproduce, says in the screen of the video "Missing Plug-In" and afterwards "This video is currently Unavailable". I have installed the plugins of Gstreamer, but the problem persists.
In the screen of activation of HTML5 says: What does my browser support?
- Video tag
- h.264
- WebM
These are the results of the HTML5 test
your browser scores
305
AND 14 BONUS POINTS
out of a total of 475 points
You are using Epiphany 3.2.1 on LinuxCorrect?✔✘
Parsing rules
2 bonus points11
<!DOCTYPE html> triggers standards mode Yes ✔
HTML5 tokenizer Yes ✔
HTML5 tree building Yes ✔
HTML5 defines rules for embedding SVG and MathML inside a regular HTML document. Support for SVG and MathML is not required though, so bonus points are awarded if your browser supports embedding these two technologies.
SVG in text/html Yes ✔
MathML in text/html Yes ✔
Canvas
20
canvas element Yes ✔
2D context Yes ✔
Text Yes ✔
Video
8 bonus points21/31
video element Yes ✔
Subtitle support No ✘
Poster image support Yes ✔
The following tests go beyond the requirements of the HTML5 specification and are not counted towards the total score. If browser support for one or more video codecs is detected, two bonus points are awarded for each codec.
MPEG-4 support Yes ✔
H.264 support Yes ✔
Ogg Theora support Yes ✔
WebM support Yes ✔
Audio
4 bonus points20
audio element Yes ✔
The following tests go beyond the requirements of the HTML5 specification and are not counted towards the total score. If browser support for one or more audio codecs is detected, one bonus point is awarded for each codec.
PCM audio support Yes ✔
MP3 support Yes ✔
AAC support Yes ✔
Ogg Vorbis support Yes ✔
WebM support No ✘
Elements
22/29
Embedding custom non-visible data Yes ✔
New or modified elements
Section elements Yes ✔
Grouping content elements Partial ○
Text-level semantic elements Partial ○
Interactive elements Partial ○
Global attributes or methods
hidden attribute Yes ✔
Dynamic markup insertion Yes ✔
Forms
64/100
Field types
input type=text Yes ✔
input type=search Yes ✔
input type=tel Yes ✔
input type=url Yes ✔
input type=email Yes ✔
input type=datetime Partial ○
input type=date Partial ○
input type=month Partial ○
input type=week Partial ○
input type=time Partial ○
input type=datetime-local Partial ○
input type=number Yes ✔
input type=range Yes ✔
input type=color No ✘
input type=checkbox Yes ✔
input type=image Partial ○
textarea Partial ○
select Yes ✔
fieldset Partial ○
datalist Partial ○
keygen Yes ✔
output Yes ✔
progress Yes ✔
meter Yes ✔
Fields
Field validation Yes ✔
Association of controls and forms Yes ✔
Other attributes Partial ○
CSS selectors Yes ✔
Events Yes ✔
Forms
Form validation Yes ✔
User interaction
34/36
Drag and drop
Attributes Partial ○
Events Yes ✔
HTML editing
Editing elements Yes ✔
Editing documents Yes ✔
APIs Yes ✔
History and navigation
5
Session history Yes ✔
Microdata
0/15
Microdata No ✘
Web applications
15/20
Application Cache Yes ✔
Custom scheme handlers No ✘
Custom content handlers No ✘
Custom search providers No ✘
Security
5/10
Sandboxed iframe Yes ✔
Seamless iframe No ✘
Related specifications
Geolocation
0/15
Geolocation No ✘
WebGL
10/25
3D context No ✘
Native binary data Yes ✔
Communication
32/36
Cross-document messaging Yes ✔
Server-Sent Events Yes ✔
XMLHttpRequest Level 2 Partial ○
WebSocket Yes ✔
Files
10/20
FileReader API Yes ✔
FileSystem API No ✘
Storage
15/20
Session Storage Yes ✔
Local Storage Yes ✔
IndexedDB No ✘
The Web SQL Database specification is no longer being updated and has been replaced by IndexedDB. Because at least 3 vendors have shipped implementations of this specification we still include it in this test.
Web SQL Database Yes ✔
Workers
15
Web Workers Yes ✔
Shared Workers Yes ✔
Local multimedia
0/20
Access the webcam No ✘
Notifications
0/10
Web Notifications No ✘
Other
6/8
Page Visibility No ✘
Text selection Yes ✔
Scroll into view Yes ✔
Experimental
Audio
0/7
Web Audio API No ✘
Audio Data API No ✘
Animation
0/2
window.requestAnimationFrame No ✘
I do not know if this problem is caused by Epiphany, or because it is missing to install some package of Archlinux, would appreciate his answer, thank you in advance.
Sorry for my English
Last edited by Infragilis (2012-03-15 15:32:52)As it signalled the page of Youtube, expected this answer, but like my knowledge in this matter is scarce, had to ensure me that the problem was not the browser or the absence of a package.
Thank you for answering -
Show popup in front of the applet
JDEVADF_11.1.1.2.0_GENERIC_091029.2229.5536
I use an applet in jspx
when I open a popup with modal dialog appears the popUp in the background of applet
:-(I don't know if it's going to be fixable. We have the same issue with Flash as well. It seems that you cannot z-index something in the front of an embedded element. That's another thing that HTML 5 is potentially going to fix with canvas... Cannot wait for it to get released, I just hope the Ogg Theora codec gets the advantage as it's an open and free standard and that MS IE does not s**k at it.
p.s. In our project, we deal with that by doing CSS magic adding a class to a root element when a popup is opened and having a selector like the following where the containers are div containing the applet and object/embed elements
.PopupOpened .AppletContainer,
.PopupOpened .FlashContainer
visibility: hidden;
}Note that the following might also work, but we did not test it:
.PopupOpened applet,
.PopupOpened embed,
.PopupOpened object
visibility: hidden;
}Regards,
~ Simon -
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.
<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise -->
<!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4.0 -->
<video width="640" height="360" controls>
<!-- MP4 must be first for iPad! -->
<source src="__VIDEO__.MP4" type="video/mp4" /><!-- WebKit video -->
<source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera -->
<!-- fallback to Flash: -->
<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4" />
<!-- fallback image. note the title field below, put the title of the video there -->
<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
title="No video playback capabilities, please download the video below" />
</object>
</video>
<!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
<p> <strong>Download Video:</strong>
Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>
</p>
(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>
<p> <strong>Download Video:</strong>
Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>
</p>
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>
<p> <strong>Download Video:</strong>
Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
Open Format: <a href="__VIDEO__.OGV">"Ogg"</a>
</p>
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 -
Ffplay doesn't play video after using chromium
Primarily my VLC stops playing movies after a while of using PC (and I think it stops working after first youtube video in chrome... I have chromium with gtalk and google talk plugin, stackoverflow.com and youtube opened... and the only one that seems to me to be related to video is youtube).
This is what I get trying to use ffplay:
[vyktor@machine ~]$ ffplay file.mp4 -loglevel debug
ffplay version 2.5 Copyright (c) 2003-2014 the FFmpeg developers
built on Dec 4 2014 21:09:42 with gcc 4.9.2 (GCC)
configuration: --prefix=/usr --disable-debug --disable-static --disable-stripping --enable-avisynth --enable-avresample --enable-fontconfig --enable-gnutls --enable-gpl --enable-libass --enable-libbluray --enable-libfreetype --enable-libfribidi --enable-libgsm --enable-libmodplug --enable-libmp3lame --enable-libopencore_amrnb --enable-libopencore_amrwb --enable-libopenjpeg --enable-libopus --enable-libpulse --enable-librtmp --enable-libschroedinger --enable-libspeex --enable-libtheora --enable-libv4l2 --enable-libvorbis --enable-libvpx --enable-libx264 --enable-libx265 --enable-libxvid --enable-runtime-cpudetect --enable-shared --enable-swresample --enable-vdpau --enable-version3 --enable-x11grab
libavutil 54. 15.100 / 54. 15.100
libavcodec 56. 13.100 / 56. 13.100
libavformat 56. 15.102 / 56. 15.102
libavdevice 56. 3.100 / 56. 3.100
libavfilter 5. 2.103 / 5. 2.103
libavresample 2. 1. 0 / 2. 1. 0
libswscale 3. 1.101 / 3. 1.101
libswresample 1. 1.100 / 1. 1.100
libpostproc 53. 3.100 / 53. 3.100
[mov,mp4,m4a,3gp,3g2,mj2 @ 0x7f05e8000920] Format mov,mp4,m4a,3gp,3g2,mj2 probed with size=2048 and score=100
[mov,mp4,m4a,3gp,3g2,mj2 @ 0x7f05e8000920] ISO: File Type Major Brand: isom
[mov,mp4,m4a,3gp,3g2,mj2 @ 0x7f05e8000920] Before avformat_find_stream_info() pos: 599402532 bytes read:2866001 seeks:1
[h264 @ 0x7f05e80022e0] no picture
[mov,mp4,m4a,3gp,3g2,mj2 @ 0x7f05e8000920] All info found
[mov,mp4,m4a,3gp,3g2,mj2 @ 0x7f05e8000920] After avformat_find_stream_info() pos: 2852731 bytes read:2898769 seeks:2 frames:13
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'file.mp4':
Metadata:
major_brand : isom
minor_version : 1
compatible_brands: isomavc1
creation_time : 2014-10-06 03:51:25
Duration: 01:37:26.93, start: 0.000000, bitrate: 820 kb/s
Stream #0:0(und), 12, 1/24000: Video: h264 (High) (avc1 / 0x31637661), yuv420p(tv, bt709/unknown/unknown, left), 720x404 (720x416) [SAR 1:1 DAR 180:101], 1001/48000, 694 kb/s, 23.98 fps, 23.98 tbr, 24k tbn, 47.95 tbc (default)
Metadata:
creation_time : 2014-10-06 03:51:25
Stream #0:1(und), 1, 1/48000: Audio: aac (LC) (mp4a / 0x6134706D), 48000 Hz, stereo, fltp, 121 kb/s (default)
Metadata:
creation_time : 2014-10-06 03:51:30
handler_name : GPAC ISO Audio Handler
detected 2 logical cores
[ffplay_abuffer @ 0x7f05e8288d20] Setting 'sample_rate' to value '48000'
[ffplay_abuffer @ 0x7f05e8288d20] Setting 'sample_fmt' to value 'fltp'
[ffplay_abuffer @ 0x7f05e8288d20] Setting 'channels' to value '2'
[ffplay_abuffer @ 0x7f05e8288d20] Setting 'time_base' to value '1/48000'
[ffplay_abuffer @ 0x7f05e8288d20] Setting 'channel_layout' to value '0x3'
[ffplay_abuffer @ 0x7f05e8288d20] tb:1/48000 samplefmt:fltp samplerate:48000 chlayout:0x3
[ffplay_abuffersink @ 0x7f05e8289b60] auto-inserting filter 'auto-inserted resampler 0' between the filter 'ffplay_abuffer' and the filter 'ffplay_abuffersink'
[AVFilterGraph @ 0x7f05e8009200] query_formats: 2 queried, 0 merged, 3 already done, 0 delayed
[auto-inserted resampler 0 @ 0x7f05e828ab80] ch:2 chl:stereo fmt:fltp r:48000Hz -> ch:2 chl:stereo fmt:s16 r:48000Hz
Audio frame changed from rate:48000 ch:2 fmt:fltp layout:stereo serial:-1 to rate:48000 ch:2 fmt:fltp layout:stereo serial:1
[ffplay_abuffer @ 0x7f05dc005240] Setting 'sample_rate' to value '48000'
[ffplay_abuffer @ 0x7f05dc005240] Setting 'sample_fmt' to value 'fltp'
[ffplay_abuffer @ 0x7f05dc005240] Setting 'channels' to value '2'
[ffplay_abuffer @ 0x7f05dc005240] Setting 'time_base' to value '1/48000'
[ffplay_abuffer @ 0x7f05dc005240] Setting 'channel_layout' to value '0x3'
[ffplay_abuffer @ 0x7f05dc005240] tb:1/48000 samplefmt:fltp samplerate:48000 chlayout:0x3
[ffplay_abuffersink @ 0x7f05dc0063c0] auto-inserting filter 'auto-inserted resampler 0' between the filter 'ffplay_abuffer' and the filter 'ffplay_abuffersink'
[AVFilterGraph @ 0x7f05dc004f40] query_formats: 2 queried, 0 merged, 3 already done, 0 delayed
[auto-inserted resampler 0 @ 0x7f05dc0076e0] ch:2 chl:stereo fmt:fltp r:48000Hz -> ch:2 chl:stereo fmt:s16 r:48000Hz
[h264 @ 0x7f05e828f4e0] no picture
[h264 @ 0x7f05e8296680] no picture
Video frame changed from size:0x0 format:none serial:-1 to size:720x404 format:yuv420p serial:1
[ffplay_buffer @ 0x7f05d406c160] Setting 'video_size' to value '720x404'
[ffplay_buffer @ 0x7f05d406c160] Setting 'pix_fmt' to value '0'
[ffplay_buffer @ 0x7f05d406c160] Setting 'time_base' to value '1/24000'
[ffplay_buffer @ 0x7f05d406c160] Setting 'pixel_aspect' to value '1/1'
[ffplay_buffer @ 0x7f05d406c160] Setting 'frame_rate' to value '24000/1001'
[ffplay_buffer @ 0x7f05d406c160] w:720 h:404 pixfmt:yuv420p tb:1/24000 fr:24000/1001 sar:1/1 sws_param:
[ffplay_crop @ 0x7f05d406cb20] Setting 'out_w' to value 'floor(in_w/2)*2'
[ffplay_crop @ 0x7f05d406cb20] Setting 'out_h' to value 'floor(in_h/2)*2'
[AVFilterGraph @ 0x7f05d4000b80] query_formats: 3 queried, 2 merged, 0 already done, 0 delayed
[ffplay_crop @ 0x7f05d406cb20] w:720 h:404 sar:1/1 -> w:720 h:404 sar:1/1
X Error of failed request: BadRequest (invalid request code or no such operation)
Major opcode of failed request: 151 (XVideo)
Minor opcode of failed request: 19 ()
Serial number of failed request: 25
Current serial number in output stream: 26
I was unable to google Major opcode of failed request: 151 (XVideo) for a few hours. I'm running:
[vyktor@machine ~]$ uname -a
Linux machine 3.17.4-1-ARCH #1 SMP PREEMPT Fri Nov 21 21:14:42 CET 2014 x86_64 GNU/Linux
[vyktor@machine ~]$ pacman -Ss vlc
extra/phonon-qt4-vlc 0.8.2-1
Phonon VLC backend for Qt4
extra/phonon-qt5-vlc 0.8.2-1
Phonon VLC backend for Qt5
extra/vlc 2.1.5-5 [installed]
A multi-platform MPEG, VCD/DVD, and DivX player
[vyktor@machine ~]$ pacman -Ss ffmpeg
extra/ffmpeg 1:2.5-1 [installed]
Complete and free Internet live audio and video broadcasting solution
extra/ffmpeg-compat 1:0.10.15-1 [installed]
Complete and free Internet live audio and video broadcasting solution
extra/ffmpegthumbnailer 2.0.9-2 [installed]
Lightweight video thumbnailer that can be used by file managers.
extra/gst-libav 1.4.4-1 [installed]
Gstreamer libav Plugin
extra/gstreamer0.10-ffmpeg 0.10.13-2 (gstreamer0.10-plugins) [installed]
Gstreamer FFMpeg Plugin
extra/kdemultimedia-ffmpegthumbs 4.14.3-1 (kde kdemultimedia)
FFmpeg-based thumbnail creator for video files
community/ffmpeg2theora 0.29-6
Simple converter to create Ogg Theora files
community/ffms2 2.20-2
A libav/ffmpeg based source library and Avisynth plugin for easy frame accurate access
community/winff 1.5.3-2
GUI for ffmpeg
[vyktor@machine ~]$ pacman -Ss chromium
extra/chromium 39.0.2171.95-1 [installed]
The open-source project behind Google Chrome, an attempt at creating a safer, faster, and more stable browser
community/chromium-bsu 0.9.15.1-1
A fast paced top scrolling shooter
community/fcitx-mozc 1.15.1917.102-1
Fcitx Module of A Japanese Input Method for Chromium OS, Windows, Mac and Linux (the Open Source Edition of Google Japanese Input)
VLC opens and runs audio but with no video.
In chromium, video runs just fine.
I think (I'm not sure) that first youtube video stops vlc/ffplay from working properly.
Further more, after setting video output to X11 instead of "Default" in VLC videos start playing again, but still no luck with ffplay.
Output device set to X11 works (although with some errors):
[vyktor@machine ~]$ vlc --vout X11 file.mp4 -v
VLC media player 2.1.5 Rincewind (revision 2.1.4-49-gdab6cb5)
[0x1344118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/access/libvcdx_plugin.so' (libvcdinfo.so.0: cannot open shared object file: No such file or directory)
[0x1344118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/visualization/libprojectm_plugin.so' (libprojectM.so.2: cannot open shared object file: No such file or directory)
[0x1344118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/visualization/libgoom_plugin.so' (libgoom2.so.0: cannot open shared object file: No such file or directory)
[0x1344118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/codec/libtwolame_plugin.so' (libtwolame.so.0: cannot open shared object file: No such file or directory)
[0x1414c38] pulse audio output error: PulseAudio server connection failure: Connection refused
[0x1344118] main libvlc: Running vlc with the default interface. Use 'cvlc' to use vlc without interface.
[0x7f4c80c01598] mp4 stream warning: unknown box type btrt (incompletely loaded)
[0x7f4c80c01828] mp4 demux warning: CTTS table
Fontconfig warning: FcPattern object size does not accept value "0"
Fontconfig warning: FcPattern object size does not accept value "0"
[0x7f4c81601b08] faad decoder warning: decoded zero sample
Fontconfig warning: FcPattern object size does not accept value "0"
Fontconfig warning: FcPattern object size does not accept value "0"
[0x7f4c8155a5f8] avcodec decoder warning: disabling direct rendering
[0x7f4c64001248] main vout display warning: VoutDisplayEvent 'pictures invalid'
[0x7f4c64001248] main vout display warning: VoutDisplayEvent 'pictures invalid'
[0x7f4c64001248] main vout display error: Failed to resize display
[0x1414c38] alsa audio output warning: device cannot be paused
With XVideo:
[vyktor@machine ~]vlc --vout XVideo file.mp4 -v
VLC media player 2.1.5 Rincewind (revision 2.1.4-49-gdab6cb5)
[0x1bd9118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/access/libvcdx_plugin.so' (libvcdinfo.so.0: cannot open shared object file: No such file or directory)
[0x1bd9118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/visualization/libprojectm_plugin.so' (libprojectM.so.2: cannot open shared object file: No such file or directory)
[0x1bd9118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/visualization/libgoom_plugin.so' (libgoom2.so.0: cannot open shared object file: No such file or directory)
[0x1bd9118] main libvlc warning: cannot load module `/usr/lib/vlc/plugins/codec/libtwolame_plugin.so' (libtwolame.so.0: cannot open shared object file: No such file or directory)
[0x1ca9c38] pulse audio output error: PulseAudio server connection failure: Connection refused
[0x1bd9118] main libvlc: Running vlc with the default interface. Use 'cvlc' to use vlc without interface.
[0x7f2f98c01598] mp4 stream warning: unknown box type btrt (incompletely loaded)
[0x7f2f98c01808] mp4 demux warning: CTTS table
[0x7f2f99601908] faad decoder warning: decoded zero sample
Fontconfig warning: FcPattern object size does not accept value "0"
Fontconfig warning: FcPattern object size does not accept value "0"
Fontconfig warning: FcPattern object size does not accept value "0"
Fontconfig warning: FcPattern object size does not accept value "0"
[0x7f2f9955a668] avcodec decoder warning: disabling direct rendering
[0x7f2f78001248] main vout display error: Failed to resize display
[0x1ca9c38] alsa audio output warning: device cannot be paused
With -vv:
[0x7f7a30001248] xcb_xv vout display debug: cannot put image: X11 error 1
[0x7f7a30001248] xcb_xv vout display debug: cannot put image: X11 error 1
[0x7f7a30001248] xcb_xv vout display debug: cannot put image: X11 error 1
[0x7f7a30001248] xcb_xv vout display debug: cannot put image: X11 error 1
[0x7f7a30001248] xcb_xv vout display debug: cannot put image: X11 error 1
[0x7f7a30001248] xcb_xv vout display debug: cannot put image: X11 error 1
Last edited by vyktor (2014-12-11 11:33:12)I have few mkv files and the result is the same.
ffplay -vn works, with video I get Major opcode of failed request: 151 (XVideo)
I've added output from VLC to original post with output out of different VLCs --vouts... -
Trouble inserting Flash in CS5.5
I just upgraded to CS5.5 and am having trouble inserting a Flash file into Dreamweaver. When I used CS4, I would open the html file that Flash created in the Publish process. I would copy and paste the top part of that file -- the <script> info into the header of my dreamweaver code. Then in the location where I wanted the Flash file to be I would paste the code from the Flash html that started with <!--url's used in the movie--> and ended with </noscript>.
However, the files I just created in Flash using all the same Publish settings as I used previously (I think!) look completely different. There is nothing like either of these sections that I previously used to insert the Flash code into Dreamweaver. Here is a comparison of the 2 Flash html files so you can see what I'm talking about.
Flash html in CS4:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Firestone</title>
<script language="JavaScript" type="text/javascript">
<!--
//v1.7
// Flash Player Version Detection
// Detect Client Browser type
// Copyright 2005-2008 Adobe Systems Incorporated. All rights reserved.
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
function ControlVersion()
var version;
var axo;
var e;
// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
try {
// version will be set for 7.X or greater players
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
version = axo.GetVariable("$version");
} catch (e) {
if (!version)
try {
// version will be set for 6.X players only
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
// installed player is some revision of 6.0
// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
// so we have to be careful.
// default to the first public version
version = "WIN 6,0,21,0";
// throws if AllowScripAccess does not exist (introduced in 6.0r47)
axo.AllowScriptAccess = "always";
// safe to call for 6.0r47 or greater
version = axo.GetVariable("$version");
} catch (e) {
if (!version)
try {
// version will be set for 4.X or 5.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
version = axo.GetVariable("$version");
} catch (e) {
if (!version)
try {
// version will be set for 3.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
version = "WIN 3,0,18,0";
} catch (e) {
if (!version)
try {
// version will be set for 2.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
version = "WIN 2,0,0,11";
} catch (e) {
version = -1;
return version;
// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
// NS/Opera version >= 3 check for Flash plugin in plugin array
var flashVer = -1;
if (navigator.plugins != null && navigator.plugins.length > 0) {
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
var descArray = flashDescription.split(" ");
var tempArrayMajor = descArray[2].split(".");
var versionMajor = tempArrayMajor[0];
var versionMinor = tempArrayMajor[1];
var versionRevision = descArray[3];
if (versionRevision == "") {
versionRevision = descArray[4];
if (versionRevision[0] == "d") {
versionRevision = versionRevision.substring(1);
} else if (versionRevision[0] == "r") {
versionRevision = versionRevision.substring(1);
if (versionRevision.indexOf("d") > 0) {
versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
// MSN/WebTV 2.6 supports Flash 4
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
// WebTV 2.5 supports Flash 3
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
// older WebTV supports Flash 2
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
else if ( isIE && isWin && !isOpera ) {
flashVer = ControlVersion();
return flashVer;
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
versionStr = GetSwfVer();
if (versionStr == -1 ) {
return false;
} else if (versionStr != 0) {
if(isIE && isWin && !isOpera) {
// Given "WIN 2,0,0,11"
tempArray = versionStr.split(" "); // ["WIN", "2,0,0,11"]
tempString = tempArray[1]; // "2,0,0,11"
versionArray = tempString.split(","); // ['2', '0', '0', '11']
} else {
versionArray = versionStr.split(".");
var versionMajor = versionArray[0];
var versionMinor = versionArray[1];
var versionRevision = versionArray[2];
// is the major.revision >= requested major.revision AND the minor version >= requested minor
if (versionMajor > parseFloat(reqMajorVer)) {
return true;
} else if (versionMajor == parseFloat(reqMajorVer)) {
if (versionMinor > parseFloat(reqMinorVer))
return true;
else if (versionMinor == parseFloat(reqMinorVer)) {
if (versionRevision >= parseFloat(reqRevision))
return true;
return false;
function AC_AddExtension(src, ext)
if (src.indexOf('?') != -1)
return src.replace(/\?/, ext+'?');
else
return src + ext;
function AC_Generateobj(objAttrs, params, embedAttrs)
var str = '';
if (isIE && isWin && !isOpera)
str += '<object ';
for (var i in objAttrs)
str += i + '="' + objAttrs[i] + '" ';
str += '>';
for (var i in params)
str += '<param name="' + i + '" value="' + params[i] + '" /> ';
str += '</object>';
else
str += '<embed ';
for (var i in embedAttrs)
str += i + '="' + embedAttrs[i] + '" ';
str += '> </embed>';
document.write(str);
function AC_FL_RunContent(){
var ret =
AC_GetArgs
( arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
, "application/x-shockwave-flash"
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
function AC_SW_RunContent(){
var ret =
AC_GetArgs
( arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
, null
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
var ret = new Object();
ret.embedAttrs = new Object();
ret.params = new Object();
ret.objAttrs = new Object();
for (var i=0; i < args.length; i=i+2){
var currArg = args[i].toLowerCase();
switch (currArg){
case "classid":
break;
case "pluginspage":
ret.embedAttrs[args[i]] = args[i+1];
break;
case "src":
case "movie":
args[i+1] = AC_AddExtension(args[i+1], ext);
ret.embedAttrs["src"] = args[i+1];
ret.params[srcParamName] = args[i+1];
break;
case "onafterupdate":
case "onbeforeupdate":
case "onblur":
case "oncellchange":
case "onclick":
case "ondblclick":
case "ondrag":
case "ondragend":
case "ondragenter":
case "ondragleave":
case "ondragover":
case "ondrop":
case "onfinish":
case "onfocus":
case "onhelp":
case "onmousedown":
case "onmouseup":
case "onmouseover":
case "onmousemove":
case "onmouseout":
case "onkeypress":
case "onkeydown":
case "onkeyup":
case "onload":
case "onlosecapture":
case "onpropertychange":
case "onreadystatechange":
case "onrowsdelete":
case "onrowenter":
case "onrowexit":
case "onrowsinserted":
case "onstart":
case "onscroll":
case "onbeforeeditfocus":
case "onactivate":
case "onbeforedeactivate":
case "ondeactivate":
case "type":
case "codebase":
case "id":
ret.objAttrs[args[i]] = args[i+1];
break;
case "width":
case "height":
case "align":
case "vspace":
case "hspace":
case "class":
case "title":
case "accesskey":
case "name":
case "tabindex":
ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
break;
default:
ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
ret.objAttrs["classid"] = classid;
if (mimeType) ret.embedAttrs["type"] = mimeType;
return ret;
// -->
</script>
</head>
<body bgcolor="#c9aad0">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="JavaScript" type="text/javascript">
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '175',
'height', '66',
'src', 'Firestone',
'quality', 'high',
'pluginspage', 'http://www.adobe.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'Firestone',
'bgcolor', '#c9aad0',
'name', 'Firestone',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'Firestone',
'salign', ''
); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="175" height="66" id="Firestone" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Firestone.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#c9aad0" /> <embed src="Firestone.swf" quality="high" wmode="transparent" bgcolor="#c9aad0" width="175" height="66" name="Firestone" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
</object>
</noscript>
</body>
</html>
FLASH html (different video) in CS5.5:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>AfrWomen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #000000;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="200" height="54" id="AfrWomen" align="middle">
<param name="movie" value="AfrWomen.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="AfrWomen.swf" width="200" height="54">
<param name="movie" value="AfrWomen.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>
HELP!!!!!OK, firstly, you can open the site an Dreamweeaver CS 4 and insert your flash video, but with CS 5.5 Adobe decided that Flash support should be something they should deprecate. And there is good reason.
Mobile devices don't handle Flash very well. iPhones and iPads simply won't play it and many of the Android devices make a video into a slide show with sound.
With CS 5.5 though, you can make an HTML5 document that understands the <video> tag. This will allow you to directly embed a video into a website without needing any plugin. There is a complete explanation and tutorial here:
Webmonkey: Embed Video in your web page using HTML5
From the article, here's the source:
<video width="560" height="340" controls>
<source src="path/to/myvideo.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="path/to/myvideo.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
That's it! You can add additional stuff, like an image placeholder and so on, but really, you're looking at four lines of code here. Now, with the Flash stuff, Adobe, which supported Flash, wrote all of the code for you. While that was easy, it was a lot more complicated and, of course, clients on your site had to have the Flash plugin to see the video.
Your doctype declatation is XHTML 1.0 strict. You will need to change your doctype to HTML5 thusly:
<!DOCTYPE html>
<html lang="en">
Then after your head tag, declare your character set:
<meta charset="UTF-8">
Lastly, you will need to make sure that your server understands the ogg Theora MIME type. Download your .,htaccess file from your remote server and add the following lines to the end of that file:
AddType audio/ogg .oga
AddType video/ogg .ogv
AddType application/ogg .ogg
AddHandler application-ogg .ogg .ogv .oga
You may also be able to add these MIME types from your server's control panel.
Then, you're finished with Flash—forever.
Maybe you are looking for
-
Flash Player refuses to be Downloaded.
First off, I'm running on windows XP and Internet explorer 8. I've tried multiple times to download the latest flash player. However, each attempt had ended in failure. I've done everything suggested on the help page; I have downloaded the uninstalle
-
How to get rid of lag in photoshop?
I just download photoshop a day ago and I am having really bad lagging. When ever I do a stoke it take so long for it appear on screen. I don't know what to do. Here is some info about my computer: Model Name: MacBook Pro Model Identifier: Ma
-
Time event C019 integration with results recording
Hi , Posted this in the QM forum and got no response so reposting it here. I am asking for a discrete manufacturing scenario. Does any one know how to integrate CO19 time event confirmation with the results recording transaction. Usually on th
-
Changing mask colors or placing transparent text over another layer
Hey. Looking for a little help here. Basically I have some video footage on one layer. I want to make a text mask that will go over the footage so that the footage can only be seen inside the letters. I was able to do this by creating an image mask a
-
Mixing/Migration Backups from 2 different HD to 1 HD Backup
Is there a way? thx khoshtip