I have tried using iframe and also video tag and object tag to play the video. In some cases, it plays only the audio from the video, but video doesn't show up.
Secondly, the same video file plays well on a separate tab in the browser, but not within my iframe.
This issue is on all browsers on my Mac, but on a windows machine it plays well.
I finally found it. Apple has a good documentation of its own for this. https://developer.apple.com/library/mac/documentation/quicktime/conceptual/qtscripting_html/QTScripting_HTML_Document/ScriptingHTML.html#//apple_ref/doc/uid/TP40001525-2-GettingaBrowsertoLoadQuickTime
I simply had to use the embed tag properly as they have explained.
Related
I have set up a wordpress theme called Video Board, the site I am building allows users to upload their videos for comments. Uploading a video from a mobile device is critical, the theme supports mp4 which covers android users, however it does not support .mov. Has anyone come across a way to play .mov in videojs?
The server has ffmpeg installed, however the last plugin I tried needed its own upload page which worked however videos were not captured in the themes latest uploads/popular posts etc.
I know a conversion would be the proper way to do it, but at this point I would even be happy working out a way that when users upload videos through the theme upload page, it doesn't actually convert but just changes the file extension(renames) it to .mp4, as that is all I have been doing to fill out some content.
I am open to all suggestions,
Thanks,
Sam
There are tech plugins for video.js, but these will require browser plugins. You're far better off converting the mov files after upload to standard formats, e.g. h264/acc MP4
I'd like to know if it's possible to grab snapshots from previously recorded videos. Those videos are recorded in the app itself.
By the way, I'd like to grab the snapshot from a video file saved in IsolatedStorage without having to play the video.
Is it possible? If so, how can I do it?
Cheers,
Rafael
I am not aware of an official platform feature to do this. However, if the video file is within your app's isolated storage, you might be able to:
Send the video to a server to do the processing
Add codecs/C# code to your app to process the raw MPEG4 frames.
Try using WriteableBitmap to capture a specific frame when using the media element. Since most media is handled in hardware, however, it is possible that the frame will be blank.
I solved the problem by creating the thumbnail while recording the video (captureSource.CaptureImageAsync()). To do that, I used the same instance of the CaptureSource I'm using to record the video.
I am having a very frustrating issue with HTMl5 video and safari/mac.
I am using html5 video throughout the site where needed and it works/plays on every browsers bar safari on a mac (its fine on safari windows and chrome mac for example)
The videos dont stream and only play once the entire file is downloaded. At first I thought it may be to do with the index of the file being at the end and not the beginning (link html5 video = safari wants to download it all) so i tried qtindexswapper but when loading the MP4 into the program it said the MOOV/Index was in the correct position.
Anyone have any idea why safari mac has this issue?
A.
I've seen HTML5 be very picky with videos. They may play fine in a player, but not play or maybe play with no audio once embedded. This is usually due to a video not properly created/formatted. In most cases, re-creating the file in a professional level program alleviates the issue.
so we're building a video site with a html5 player (and backup flash for windows).
But what's really stumping me is when i view this file in firefox it plays;
http://www.roguefilms.com.local/media/uploads/2010/07/1495/8_lg-poke.mov (stored locally) but when its in the html video tag is does nothing. It shows the poster but doesn't play the video. It doesn't even show the 'Sorry - your browser is not supported!'
I know ff prefers ogg and we can use the flash backup player but if it can play it as a ht64 .mov without the player why can't it with? Seems a bit daft?
If anyone knows anything it would be great...
<video controls="controls"
id="myVideo"
src="/media/uploads/2010/07/1495/8_lg-poke.mov"
poster="/media/uploads/2010/07/1495/still.jpg"
height="360"
width="640">
Sorry - your browser is not supported!
</video>
best, Dan.
When you just load the .mov file, the content-type your server provides causes Firefox to check and see and see if any plugins handle the content. In this case, QuickTime handles it, which is why it plays.
The video tag doesn't launch plugins to play content, however.
Firefox doesn't support h264, as you mentioned, although am surprised it plays the video in its own, unless its forcing it into a Flash player automatically, which is possible.
To get the "sorry" message to display you'll need to use the source element:
<video controls="controls" id="myVideo" poster="/media/uploads/2010/07/1495/still.jpg" height="360" width="640">
<source src="/media/uploads/2010/07/1495/8_lg-poke.mov">
Sorry - your browser is not supported!
</video>
I wrote this back in April of last year, but it might help: html5laboratory - using the video element.
We once had a similar issue with the web server (Apache, in our case) not sending the proper MIME-type for the video file and Firefox first downloaded it completely before starting to play it. Is it possible that the player would work if you just waited long enough? You could use Firebug to see if your browser transfers anything.
I was pretty surprised when i saw http://www.vorbis.com/music/Hydrate-Kenny_Beltrey.ogg link not give me a download option but had a player that was not flash playing the audio back. (FireFox)
Is there a way i can embed this onto a page?
Use the HTML5 Audio tag.
P.S. Although you tagged as firefox, Chrome, Safari and Opera 10.5 also have support for audio
You can use HTML5 to embed this on a page, but it will not play back consistently across browsers.
The only way to get consistent audio/video playback across browsers is to use a plugin and Flash has the widest user penetration.
You're looking for the HTML5 <audio> tag.
Note that it's not supported by IE.