hate these ads?, log in or register to hide them
Page 1 of 2 12 LastLast
Results 1 to 20 of 39

Thread: How to embed HTML5 Video / gifv / webm, etc...? (Now w/ AUTOPLAY + LOOP)

  1. #1
    Donor Aea's Avatar
    Join Date
    April 13, 2011
    Location
    Colorado
    Posts
    13,913

    How to embed HTML5 Video / gifv / webm, etc...? (Now w/ AUTOPLAY + LOOP)

    I've been seeing a few people having trouble getting this working, so here's the quick run-through...

    Why?
    HTML5 Video has a smaller filesize, downloads much faster, is very cpu-friendly (i.e. it won't bog down the entire page), renders at a higher FPS and better quality (depends on the source material).


    The Basics
    You need to use the [h5loop] tag and put the url of the video inside. You can also use the [h5video] tag, but this will neither auto-play nor loop automatically.

    The supported extensions / mimes are webm, obv and mp4 but you should generally use mp4 and never worry about the others.


    Getting Video Address

    Chrome
    Right Click -> "Copy Video Address."

    Firefox
    Right Click -> "Copy Video Location."

    Safari
    Right Click -> "Copy Video Address."

    Then just wrap in [h5loop] and you're done...



    Result:



    Getting Video Address Manually

    Note: This is the hard way, if your browser is listed above you should be able to get the video address painlessly through the right click menu.

    Embedding w/ Imgur


    Result:



    Embedding w/ Gfycat


    You will need to try either zippy or giant. These are not interchangeable, if you see an ugly XML error try the other one.

    Result:



    Embedding w/ Anybody Else
    If the link you have ends in .mp4 you can use it directly. Otherwise you'll need to look at the page source. Typically you'll either find this in the "View" or "Develop" menu. Otherwise try a quick google search for your browser / os combination.

    Then you'll want to search for ".mp4" and a url address. In the following example you don't need to preceding two slashes in the url. Chrome allows me to click on the url and get the webm to open in a new tab.




    Hosting Original Content
    I recommend https://imgur.com since it's easy to use. /r/webm has some other recommendations as well if you need to upload very large videos / gifs.


    When not to use?
    FHC has a implementation that does not auto-repeat, so any video where looping is essential (cinemagraph, loop animation, etc.) should not use these.



    Ethos
    HTML 5 video should not be used as a replacement for .gif (i.e. in the GIF Thread) unless it is relatively short and has no sound (this is less of a concern w/ h5loop as it is auto-muted). If it doesn't meet those two criteria it probably belongs in the Video Thread.
    Last edited by Aea; November 18 2016 at 07:48:40 AM.

  2. #2
    Movember 2012 I Legionnaire's Avatar
    Join Date
    April 9, 2011
    Posts
    1,612
    sticky this shit

  3. #3
    Movember 2011Movember 2012 Nordstern's Avatar
    Join Date
    April 10, 2011
    Posts
    8,427
    Or, y'know, you could quote a post to see how it's done...
    "Holy shit, I ask you to stop being autistic and you debate what autistic is." - spasm
    Quote Originally Posted by Larkonis Trassler View Post
    WTF I hate white people now...

  4. #4
    Donor AmaNutin's Avatar
    Join Date
    December 21, 2011
    Location
    California
    Posts
    9,600
    It's got more information than the regular suggestions. Like regarding gfycat and searching for the .webm
    Audacter calumniare, semper aliquid haeret

    "The fundamental cause of the trouble is that in the modern world the stupid are cocksure while the intelligent are full of doubt"
    Bertrand Russell - the Triumph of Stupidity (1933)

    "The best lack all conviction, while the worst
    Are full of passionate intensity." -Yeats, 1919


    Quote Originally Posted by thebomby View Post
    I find it incredible that a whole country can actually be more retarded than FHC.

  5. #5
    Super Moderator DonorGlobal Moderator
    Join Date
    April 9, 2011
    Posts
    3,698
    Aea gets some glue

    Sent from my XT1092 using Tapatalk

  6. #6
    THE PUNISHED
    Join Date
    April 10, 2011
    Location
    Fuck UngoodTuesdays
    Posts
    10,504
    Quote Originally Posted by Hast View Post
    Aea gets some glue

    Sent from my XT1092 using Tapatalk
    Just don't confuse it with lube...

  7. #7
    THE PUNISHED
    Join Date
    April 10, 2011
    Location
    Fuck UngoodTuesdays
    Posts
    10,504
    Quote Originally Posted by Aea View Post
    I've been seeing a few people having trouble getting this working, so here's the quick run-through...

    Why?
    HTML5 Video has a smaller filesize, downloads much faster, is very cpu-friendly (i.e. it won't bog down the entire page), renders at a higher FPS and better quality (depends on the source material)
    than.....

    You didn't finish that sentence... Or made it sound like a shampoo advert :-)

  8. #8
    Smuggo
    Guest
    Why can't people just use old fashioned gifs?

  9. #9
    Lief Siddhe's Avatar
    Join Date
    April 15, 2011
    Location
    Zagreb, Croatia
    Posts
    5,642
    because gifs are actually a terrible form for video clips
    I was somewhere around Old Man Star, on the edge of Essence, when drugs began to take hold.

  10. #10
    THE PUNISHED
    Join Date
    April 10, 2011
    Location
    Fuck UngoodTuesdays
    Posts
    10,504
    Quote Originally Posted by Smuggo View Post
    Why can't people just use old fashioned gifs?
    256 max colours
    bad compression in comparison to current methods
    large file sizes
    slow loading times

    however they're from like 1995 or something so what do you expect. Gifs are "easy" because you just [img] a .gif file. The methods Aea has shown will work but require :effort:.

    But give it a year or so, they're already becoming very popular. Soon there'll be sites like imgur and whatever that make it just as easy.

  11. #11
    Smuggo
    Guest
    Quote Originally Posted by Ralara View Post
    Quote Originally Posted by Smuggo View Post
    Why can't people just use old fashioned gifs?
    256 max colours
    bad compression in comparison to current methods
    large file sizes
    slow loading times

    however they're from like 1995 or something so what do you expect. Gifs are "easy" because you just [img] a .gif file. The methods Aea has shown will work but require :effort:.

    But give it a year or so, they're already becoming very popular. Soon there'll be sites like imgur and whatever that make it just as easy.
    But I like gifs/jiffs

  12. #12
    bitches love my mad sed skills Donor tekai's Avatar
    Join Date
    April 9, 2011
    Location
    Hampurissa
    Posts
    2,060
    Quote Originally Posted by Ralara View Post
    Quote Originally Posted by Smuggo View Post
    Why can't people just use old fashioned gifs?
    256 max colours
    bad compression in comparison to current methods
    large file sizes
    slow loading times

    however they're from like 1995 or something so what do you expect. Gifs are "easy" because you just [img] a .gif file. The methods Aea has shown will work but require :effort:.

    But give it a year or so, they're already becoming very popular. Soon there'll be sites like imgur and whatever that make it just as easy.
    related: http://www.youtube.com/watch?v=OXw9kMN_l_U
    it's in German but contains some stats about gif/webm usage on 4chan
    17:42 <QuackBot> Tekai, i have to say that you have autism.

  13. #13
    Banned
    Join Date
    April 18, 2011
    Location
    Only one here to predict a win for God Emperor
    Posts
    12,463
    So when can we get looping HTML5 videos as our avatars?...
    Are you an engineer? -- Quack

  14. #14
    FatFreddy's Avatar
    Join Date
    April 10, 2011
    Posts
    14,076
    Quote Originally Posted by tekai View Post
    Quote Originally Posted by Ralara View Post
    Quote Originally Posted by Smuggo View Post
    Why can't people just use old fashioned gifs?
    256 max colours
    bad compression in comparison to current methods
    large file sizes
    slow loading times

    however they're from like 1995 or something so what do you expect. Gifs are "easy" because you just [img] a .gif file. The methods Aea has shown will work but require :effort:.

    But give it a year or so, they're already becoming very popular. Soon there'll be sites like imgur and whatever that make it just as easy.
    related: http://www.youtube.com/watch?v=OXw9kMN_l_U
    it's in German but contains some stats about gif/webm usage on 4chan
    "Ich hab da mal ein Beispiel....nackter Mann bei der Holzbearbeitung"

    lölöl

    edit: Happened right upon a graph by randomly forwarding, it's at 20:00 in the video

    Red are gifs, blue webms

    /wsg is work-safe gifs, /gif is 4chans general gif board, which is mostly porn



    Also, all the 31c talks I've seen so far are great.
    Last edited by FatFreddy; February 26 2015 at 09:21:44 PM.
    Quote Originally Posted by QuackBot
    Pastry.. That the best you can do?
    Quote Originally Posted by NotXenosis View Post

    M8, i have discussions that spam multiple accounts, you aren't even on my level

  15. #15
    XenosisReaper
    Guest
    /gif/ isn't just mostly porn, it's entirely porn.

    (Also .gifs are limited to 30fps max afaik)

  16. #16
    THE PUNISHED
    Join Date
    April 10, 2011
    Location
    Fuck UngoodTuesdays
    Posts
    10,504
    Quote Originally Posted by XenosisReaper View Post
    (Also .gifs are limited to 30fps max afaik)
    You can go higher. Just whether a browser will display it at a higher rate... and the bigger the frame size / more colours, the slower it is. The FPS setting on a gif is the *max* not what you will necessarily get. But you can do 60 fps gifs. or 120. Obviously anything higher than the refresh rate is pointless. Maybe back in 95 (or whenever) 30 was the... no... even back then my monitor (big CRT thing... heavy for a 14 inch monitor) had 50-60 hz.

  17. #17
    big diiiiiiiiick Movember 2012Donor Dark Flare's Avatar
    Join Date
    April 9, 2011
    Posts
    7,613
    Quote Originally Posted by Smuggo View Post
    Why can't people just use old fashioned gifs?
    why can't we still use horse drawn carts
    Quote Originally Posted by Amantus
    whats tyhe appear of a shnitifuck cu nt eve onlio9ne corpotraTION DICKOLHEAD FUCKIN AS

  18. #18
    Movember 2012 Stoffl's Avatar
    Join Date
    April 10, 2011
    Location
    The original viennese waffle
    Posts
    20,745
    horse drawn trams were the pinnacle of public transportation
    2/10/17 Greatposthellpurge never forget
    23/10/17 The Greatreposteninging ?

  19. #19
    XenosisReaper
    Guest
    Quote Originally Posted by sumitarao12 View Post
    It is simple copy embeded code of that video or we can add youtube video code to embed a video.
    what

  20. #20
    Donor Spawinte's Avatar
    Join Date
    April 9, 2011
    Location
    Ireland
    Posts
    6,046
    unsupported and MIME types everywhere yo. People still doin it wrong.

Bookmarks

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •