I embedded a quicktime video in firefox. It works, but i would like to prevent the users to stop the video by clicking on it with the left mouse button. Reading the apple documentation i didn't find any answear. I came up with a workaround, i just put an almost invisible div over the whole video. The workaround works in firefox for os X, but oddly does not for the same version of firefox in windows.
I would appreciate a way, workaround or not, to achive this at least in the windows/firefox environment. Thanks!
Ok so this is how the embedded QuickTime object works:
if you click it, it PAUSES the stream
if you give it HREF parameter, and then click it, it opens the given URL, but doesn't pause the stream
So the idea is to give it the URL that will not open, and will prevent the player from pausing, so add this parameter: href="javascript:function(){}" in the <embed> tag like so:
<embed src="poster.mov" bgcolor="000000" width="640" height="480" scale="ASPECT" qtsrc="rtsp://192.168.0.2/stream1" kioskmode="true" showlogo=false" autoplay="true" controller="false" href="javascript:function(){}" pluginspage="http://www.apple.com/quicktime/download/">
And there you go, no pausing when you click it, and it works on all browsers because you are using the HREF parameter. =)
Related
I'm in Firefox and I'm looking at a page which has several how-to sections. Each of these has an animated git showing a user following the instructions.
The animation goes by too fast for me to be useful. I just want a way to pause the animation so that I can zoom in and see the details better. Then resume the animation.
I tried clicking on the GIF, and I get just the GIF, but it still is animated and I can't control it.
What I'd like is some way to have FF open the image so that I can pause and resume the image. Some reliable FF extension or plug-inAn would be best. An item in the context menu would be nice (using about:config). Or an item in the Settings/Applications list for images in general, or .gif files in particular (also using about:config). Or some application where I can open the app and drag the image from FF into the open app's window.
What I've tried is:
Changing how FF processes the click on the image. Its Settings does not show anything related to images in the Applications section. I can't find a way to configure FF to add more file types to this section. Anybody know how to do this?
I can view the image in WMP (Windows Media Player), but this is a clumsy process. First, I have to save the image somewhere, then I have to open the folder where I saved it, then do an Open With.... Then since WMP isn't on the list of apps, I have to do Select Another App, and scroll down to WMP and select that. I don't want to make this the default for all GIF files, so I have to do this for each animated GIF.
Once I've done this, WMP comes up and I can do what I want.
I tried a drag and drop from my image in FF to an open WMP window, but there's no response there.
I tried RealPlayer. I can do an Open With and RealPlayer is on the list of apps. But RealPlayer shows the image without animating it. RealPlayer also has an Open command and I paste in the URL of the image, but it's the same result.
I loaded the Toggle Animated Gif extension for FF. This is not satisfactory because I can either run the animation or show the GIF without any animation. I want to be able to freeze the animation in the middle of it.
Same difficulty here. Unfortunately, there's no such Firefox extension for now. The closest one is https://addons.mozilla.org/en-US/firefox/addon/gifpuase. It allows to pause a GIT, but not to resume - so not enough for you.
While I also prefer Firefox, but for this I suggest Chrome and Gif Scrubber: https://chrome.google.com/webstore/detail/gif-scrubber/gbdacbnhlfdlllckelpdkgeklfjfgcmp. Not immediate, but powerful.
I'm building an application which plays videos using the YouTube iframe API. You can see the application here.
I've run into a weird issue where the player works ok in Chrome/Safari but won't show the video correctly in Firefox (I'm using FF22 on OSX 10.7.5). You can click the play button and hear the sound but the video never appears.
Anyone got any ideas what might be wrong?
Some Observations
You can see the YouTube branding (which is part of the player) so it's there, it's just not showing any picture.
According to #ceasar in the answers, the player works on Win 7 FF22. I have another report which states that it also works fine on Ubuntu FF.
If I open up the FF developer console and click various nodes in the DOM tree of that window, the video will appear. Try clicking div.show-details to see this effect (It's under body > div.wide > div.show-details )
There is a transparent overlay over the video but I'm setting ?wmode=opaque on my iframe (like this question suggests) so that should be ok.
This question suggests that setting certain styling rules such as border-radius on the iframe can mess with it. I'm not doing anything like that.
In FF the youtube logo isn't showing but working okay (win7 FF 22). Also in the other browsers I cannot click on the youtube logo. This is against the youtube TOS and you could be banned for this so be warned
I often listen to music on Youtube, however it's hard to quickly find the YT tab, and hit the pause button. I was wondering if there was a plugin that would add pause/play buttons to my window chrome that finds the tab with the Youtube video in it and pauses or plays it.
Thank you!
Here's my code:
<audio controls preload="auto">
<source src="audio/batcat.mp3" />
Your browser doesn't play MP3s. Download the audio instead.
</audio>
In Chrome & IE9, the browser displays the native audio player.
In Firefox, I would expect it to show the fallback text and the link. Instead, it shows an ugly grey box with an X in the middle and doesn't show the fallback content.
Is this a Firefox bug, or am I doing something wrong?
Are browser makers actually saying include every possible format, or don't use the element at all. That seems a bit harsh.
EDIT
The answer to the above question is "yes" apparently. All I can say to that is :(
Firefox should indeed fallback to the link to the audio file as you've said. It goes through the source list and if it can't find one it is able to play, it should move on.
Perhaps try adding the type aatribute to the source declaration to help the browser decide it won't be able to play it?
<source src="audio/batcat.mp3" type="audio/mp3">
Also if you had a sample page so we could see it in action (or not as the case may be!) that would be helpful.
edit
I've tested it myself and indeed you are correct, it simply doesn't work. How strange, I would have expected it to. The only way to get it to work was by adding a source with an OGG file which it can play.
I suggest you use something like Modernizr to check if it can play MP3s or not.
You're right. This is because each browser supports different "codecs." Originally, HTML5 was going to have a single codec, but the browser vendors could not agree on which one (patent-encumbered vs. open source) so that requirement was dropped.
For example, for video, IE and Safari support H264 (MP4), Chrome, FF, and Opera WebM/Ogg.
To ensure it works in all browsers, you can supply multiple source elements and encode your video three times. Mp4 first, WebM or Ogg second (browsers that support video will try each source element until they find one they can play. Note: currently there is a "bug" on the iPad where it can only play the first source element)
You can even embed a Flash object for your fallback so your video will also work in older versions of IE (<9). You'll end up with something like this:
<!—Multiple videos with alternate Flash content-->
<video controls>
<source src="rocpoc.mp4">
<source src="rocpoc.ogv">
<object data="videoplayer.swf" type="application/x-shockwave-flash">
<param name="movie" value="rocpoc.swf"/>
</object>
A movie by Rocky Lubbers
</video>
If you want to show a link to the file if the browser cannot play the MP3 file, you can use a little bit of JavaScript code to test if the browser can handle the MP3 format and show a link to a file instead of the video instead. The JavaScript method to call is canPlayType.
//Checking for browser support
//canPlayType returns null, maybe, or probably (the best)
//You can check if they are supported in navigator.plugins
var support = videoElement.canPlayType('video/some-format;codecs="some-codec"');
Alternatively, (for video only, I think) you can use services like vid.ly (http://m.vid.ly/user/) that serve up the right files from the cloud.
Same is true for video! If you embed an MP4 file only, Firefox does not jump to the fallback but renders the grey "I cannot play this format" box. You have to use JavaScript to detect which codecs the browser is able to play.
http://praegnanz.de/html5video/firefoxtest
On this page http://www.metrovancouver.org/services/solidwaste/Holiday/Pages/Song.aspx
I'm using a regular <audio> tag so users can listen to the song. I have a flash fallback on it too for users of IE.
In Chrome it works OK.
In FireFox 3.6.12, however, I cannot adjust the volume. If I put my mouse over the volume button, the volume slider appears, but as soon as I move my mouse to the slider to adjust, it disappears. I can mute the volume and unmute, but can't manually adjust the slider. Is anyone else having this problem?
It doesn't look like you are the only one. This bug has been reported in bugzilla and is being looked into it seems.