Normally I would embed a gif like so.
<img src="http://i.imgur.com/awHPuBp.gifv">
Although I get an error that the image could not be loaded.
I'm just wondering what mark up I will need to use so that I can display the GIFV.
GIFV is created by imgur and more information can be found here.
I just checked that demo site. It seems that they just convert the video to a webm video (in case of Firefox). Check this file here which comes from the demo: http://i.imgur.com/A61SaA1.webm
So I would say you could also just use the <video> tag to embedd those "gif" files. I just guess that use a feature detection and a video converting logic. No idea what this nonsense should be for.
Related
I´m incorporating a video code in my project, but it doesn´t seem to work correctly. So I´ve made a very basic, simple page to test the code in order to see if I´m doing anything wrong.
Here´s the link:
http://swingostoso.com.br.temp-address.com/pt/TesteVideo01.html
The only thing that´s different on this code is that I´m trying to stream a .mov video file. Other formats work fine with a similar code. But not this onde.
Thanks,
You have correctly identified that the problem is the use of the mov file.
According to MDN's Media formats supported by the HTML audio and video elements, only Safari supports the Quicktime video format.
The solution is to use a supported video format.
I've written an HTML5 application that computes graphs at runtime and displays them in a canvas element.
I think that the answer to this question is probably "no", but I would like to know for sure if there is some way of programming my HTML5 application to take a series of these images and turn them into a video file, like an mpeg, for example.
In other words, I understand that HTML5 provides the video tag to embed videos in a web page, but can it be used to create videos at run-time?
The video element is play only (decoding)--it doesn't do encoding.
But...
If your user's browser supports WebM (modern versions of Chrome,Opera,FF,IE) then you can use WHAMMY to encode a .webm video file on the client-side. Here's a blog post by its creator, antimatter15:
http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/
Coincidentally, antimatter15 also created a client-side .gif encoder. If you are just stringing together a limited number of images you might consider an animated .gif instead of encoding a whole video. Here is antimatter15's code to copy a series of canvas drawings into an animated .gif:
https://github.com/antimatter15/jsgif
Good luck with your project!
Can I use torrent file with videos and this videos loaded in ?
I have torrent with 3 videos. And I have one simply html page with video.js.
Video 1: Wellcome.wemb
Video 2: Introduction.webm
Video 3: What we play.webm
So... Can I load first video from torrent in video ?
You could use torque. It's not pure javascript, but quite powerful.
http://torque.bittorrent.com/labs/
Check out http://onehash.com/ for an example of exactly what you want to do.
For a pure javascript implementation (I believe limited to chrome), check out jstorrent:
https://github.com/kzahel/jstorrent
And here it is deployed: http://jstorrent.com/
You could do it manually or try writing some server software that extracts the torrent. If you find out how to do that, then try to do it ahead of time instead of each time at run-time.
try to do: embed .swf into html inline using base64 encoding
i read a post somewhere saying this is no longer possible with flash 10+
any hacks or definitive answer?
'data:application/x-shockwave-flash;base64,Q1dTChQHAAB4(cut)9ktAW5/4BvdnQmw=='
does not work anymore
Why, I think if you do that on <object> tag it should work, not sure why would it depend on Player's version, I'd imagine that the SWF is loaded by the browser, not the player.
I am learning the new HTML5 tags, and have a question about the video tag that I cannot seem to find a good example/answer for.
Can I provide a source as a URL, or does the source have to route from the web server? I am just trying to play with an example to see what it looks like, and use a youtube video as the source. Is this possible?
The source can indeed be a valid URL, which of course in this case needs to be a URL to a valid video file.