HTML5 Video Zoom

nise Tech

I was woundering how it would be possible to zoom a HTML5 video since zooming is an almost ubiquitous feature in web shops. In particular zoom makes sense for videos, because visual details may otherwise stay hidden in the background. Especially high quality videos with high resolution (HD) are often downscaled in its size so that even regular objects like text become hardly readable. This is especially the case on small display devices like mobile phones.

Mediasite video player has a similar feature, but it is realized by simple CSS transition of an video that is displayed smaller then its size. One could say its a fake zoom.

Much better results can be achieved with the small library of panzoom. With a few lines of code zoom can be applied to the HTML video element.

However, you can take look at a demo that I have just separated from Vi-Two. Its all work in progress, but the source code is available at github for a few months now.

Screenshot of the video zoom feature of the framework vi-two. Beside that the playback speed is adjustable to the users needs.
Ähnliche Beiträge:

389 thoughts to “HTML5 Video Zoom”

  3. I’m extremely impressed with your writing skills and also with the format on your weblog.
    Is this a paid topic or did you modify it yourself?
    Anyway keep up the nice high quality writing, it is
    uncommon to look a great weblog like this one these days..

    Reply

  16. I really love your site.. Great colors & theme. Did you build this website yourself?
    Please reply back as I’m planning to create my very own site and want to learn where you got this from
    or just what the theme is called. Kudos!

    Reply

  18. Hi! I just wanted to ask if you ever have any trouble with
    hackers? My last blog (wordpress) was hacked and I ended up losing months of
    hard work due to no back up. Do you have any
    methods to stop hackers?

    Reply

  19. Hi there, I discovered your blog by the use of Google even as looking for a related matter,
    your site came up, it seems to be good. I have bookmarked it in my google bookmarks.

    Hello there, simply turned into alert to your weblog through Google, and located that it’s truly informative.
    I am gonna watch out for brussels. I will appreciate if
    you happen to proceed this in future. Many other folks will likely
    be benefited out of your writing. Cheers!

    Reply

  21. Nice blog here! Also your web site loads up fast!
    What web host are you using? Can I get your affiliate link to your host?
    I wish my site loaded up as quickly as yours lol

    Reply

  22. Hello there! This article couldn’t be written much better!

    Reading through this article reminds me of my previous roommate!
    He constantly kept talking about this. I will forward this article to him.
    Fairly certain he will have a great read. I appreciate you for sharing!

    Reply

  24. fantastic put up, very informative. I ponder why the other experts of this sector
    do not notice this. You should proceed your writing. I
    am confident, you’ve a great readers’ base already!

    Reply

  28. Attractive component of content. I simply stumbled upon your weblog and in accession capital to assert that I acquire actually loved account your blog posts.
    Any way I will be subscribing to your augment or even I achievement
    you get right of entry to constantly rapidly.

    Reply

  29. It’s wonderful that you are getting ideas from this paragraph as well as from our discussion made at this place.

    Reply

  30. hi!,I like your writing very a lot! share we communicate more approximately your article on AOL?
    I require an expert on this area to solve my problem. Maybe that’s you!
    Looking ahead to look you.

    Reply

  31. I think this is among the most vital info for me. And i’m glad reading your article.
    But want to remark on few general things, The
    website style is great, the articles is really nice :
    D. Good job, cheers

    Reply

  33. hey there and thank you for your info – I’ve certainly picked up something new from right here.
    I did however expertise some technical points using this web
    site, since I experienced to reload the web site lots of times
    previous to I could get it to load correctly. I had been wondering if your web
    hosting is OK? Not that I am complaining, but
    sluggish loading instances times will sometimes affect your placement
    in google and can damage your high quality score if advertising and
    marketing with Adwords. Anyway I am adding this RSS to my email and can look out for a lot
    more of your respective intriguing content. Ensure that you update this again soon.

    Reply

  34. Everything is very open with a precise clarification of the challenges.

    It was truly informative. Your site is extremely
    helpful. Many thanks for sharing!

    Reply

  37. Good day! I could have sworn I’ve been to this blog before but
    after browsing through many of the articles I realized it’s new to me.
    Anyways, I’m definitely pleased I discovered it and I’ll be book-marking it and checking back often!

    Reply

  94. Great post. I was checking continuously this blog and I’m impressed!
    Very helpful information particularly the last part 🙂 I care for such info
    much. I was seeking this certain info for a long time.
    Thank you and good luck.

    Reply

  95. Hello to evrry , as I am geenuinely keen of reeading this
    web site’s post to be updated daily. It cpntains pleasant data.

    Reply

Leave a Reply to The Plugs Baby Mama ONLY FANS LEAKS Cancel reply

Your email address will not be published. Required fields are marked *