Create a div container with rounded corners and overflow:hidden. Then place the video in it. <style> .video-mask{ width: 350px; border-radius: 10px; overflow: hidden; } </style> <div class=”video-mask”> <video></video> </div>
I have now found one way using the script debugger hooks in WebView (note, NOT UIWebView). I first had to subclass UIWebView and add a method like this: – (void)webView:(id)webView windowScriptObjectAvailable:(id)newWindowScriptObject { // save these goodies windowScriptObject = newWindowScriptObject; privateWebView = webView; if (scriptDebuggingEnabled) { [webView setScriptDebugDelegate:[[YourScriptDebugDelegate alloc] init]]; } } Next you should create … Read more
What about phantomjs?
There’s yet another solution which might fit easily in everybody’s project. If you use a transparent border as a margin and a box-shadow with inset to set it’s color, you’d get the result you are hoping for. For instance: ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 10px 10px green; border: solid … Read more
The (pure CSS) solution so far If you leave height:auto; and use fixed values of max-height you can simulate a transition: .details-expanded { max-height: 300px; /* try to guess a max-height for your content */ } .details-collapsed { height: auto; max-height: 0; transition: max-height 500ms linear; /* pick a proportional duration */ } Pay attention … Read more
The accepted answer works, but if: you don’t know the content’s dimensions the content is dynamic you want to be future proof use this: .centered { position: fixed; /* or absolute */ top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); } More information about centering content in this excellent CSS-Tricks … Read more
The following comment worked for me. Thanks michael “You need to add the fill-mode to freeze the animation state at the end of the animation. -webkit-animation-fill-mode: forwards; forwards leaves the animation in the state of the last frame backwards leaves the animation at the start
FWIW, I tried all of these suggestions, and it worked briefly after resetting Privacy & Location settings but stopped working immediately after. What ended up working as a long term solution was to turn both WiFi and Bluetooth off on the iPhone while connected to the Mac.
Don’t use BlobBuilder in Chrome (tested in OSX Chrome, Firefox 12, Safari 6, iOS Chrome, iOS Safari): ex1 : http://jsfiddle.net/malraux/xGUsu/ (principle) ex2: http://jsfiddle.net/xGUsu/78/ (working with full example) var xhr = new XMLHttpRequest(); xhr.open(‘GET’, ‘doodle.png’, true); xhr.responseType=”arraybuffer”; // Process the response when the request is ready. xhr.onload = function(e) { if (this.status == 200) { // … Read more
I just ran into this problem, and discovered that the fix was to set overflow: hidden on the HTML tag of the page inside the iframe.