Interactive Motion Video in web landing page - graphics

How can we implement motion videos on website landing page that are interactive to mouse movement or click event?
Like: Example designed by Immersive Garden
How did they do these? which technologies they used?

Related

Ignore all mouse events in ace?

There's a certain website which runs ace, and I would like to use greasemonkey to disable all mouse interaction with ace.
The rest of the website should still get all (relevant) mouse events.
It this possible? I couldn't find anything in the API, and I am also not good with js.

Can I Use different menu for mobile in responsive website? for SEO point of view and loading time

I am developing a website which req different menu style for mobile. Can I create 2 menu, one for desktop and other for mobile?
try bootstrap framework that will handle both and you want to make changes create custom.js and write your custom style in it

How to disable deep links in my UIWebView

I've developed a web browsing app based on a UIWebView. All good until iOS 9 and the new way it handles universal links. For some reasons, when the user touch a link, I want him to stay in my browser instead of switching to the associated app (Twitter, Linkedin, Facebook, etc.). Is there a way to do that?

Chrome WebRTC Screen Sharing: On stopping screen share, browser window doesn't become active/focused automatically

This is regarding Screen Share on Chrome browser using WebRTC.
An example implementaion of Screen Share on Chrome using WebRTC is: https://talky.io
When the user choses to share a different application(say a text editor), that app's window becomes active(focused) and comes on top of browser, and this is as expected...
The Problem
But after sharing this application, when user clicks on the "Stop sharing" button(present on the floating widget provided by Chrome), the previously shared application window remains on top(focussed). Ideally on stopping screen share, the browser window should be brought back on top, as in focussed.
Is there a way to achieve this using Javascript focus method? Or is this something that Chrome should take care of.

how pocket chrome extension integrate buttons on Twitter for one-click saving

Pocket chrome extension has a feature that "Integrated buttons on Twitter.com and Google Reader for one-click saving".
Here's a screenshot of my twitter timeline.
Every tweet will have a bunch of buttons (Reply, Retweet, Favorite, etc) if we hover over it. With the Pocket extension enabled, we can also have a integrated pocket button and save tweet to pocket with one-click (red line).
I wonder how that can be implemented since I intend to add my own buttons that will sync tweet to other services.
And ideas or links would be helpful.
Thanks
To modify the content of a web page, you have to use content scripts. In your content scripts, you will call DOM functions to add those share buttons (depending on how the page is generated and the structure of the page, it can be very easy or very tricky). And you add a click event listener to those added buttons. In the event handler, you can obtain the tweet text and send a message to the background page. Your background page handles these messages and make appropriate XHRs to share the tweet to other services.

Resources