Cristian 's public fiddles
-
Wirewax Test
This is a fiddle testing a Wirewax Iframe.
-
Scaling a Bitmapped video
This fiddle shows a CreateJS Bitmap object, dependant of the HTML5 video element above. The Bitmap is scaled down, so the video fits fully into the canvas (sized by half of the width/height of the video).
-
Appearing and disappearing square
This fiddle features a squae, who can be disappeared and appeared by the button below.
-
Rotating a Bitmap object by the left bottom corner
This fiddle shows a Bitmap object from a image, rotating by the left bottom point of the image. Image from https://i.stack.imgur.com/uvfoL.gif
-
Hello World in different browsers
The purpose of this is just to test the browser alert in different browsers.
-
dvwnfay0
No-Library (pure JS), HTML, CSS, JavaScript
-
bao1hvLm
No-Library (pure JS), HTML, CSS, JavaScript
-
Canvas Drawing Video
This fiddle shows an HTML5 Video element draw on a canvas. Adapted from the code in http://html5doctor.com/video-canvas-magic/
-
a51xmt9y
No-Library (pure JS), HTML, CSS, JavaScript
-
HTML5 video with custom buttons
This fiddle shows an HTML5 with two custom buttons. The first one controls the playback, while the second one controls the muting status. This is an extension of this fiddle: https://jsfiddle.net/CrisMVP3200/mhuc49xq/
-
HTML5 video, basic implementation with events.
This fiddle features an HTML5 video, without default controls, but with a custom buttons for controlling the playback and muting. Both buttons change the text inside them depending on the playback and muting status.
-
d7Ldzfnn
No-Library (pure JS), HTML, CSS, JavaScript
-
HTML5 Video controlled with a button
This fiddle shows an HTML5 video. All the playback is controlled with the button located in the left superior corner.
-
HTML5 base video
This is a fiddle with a HTML5 video.
-
HTML5 base video
This is a fiddle with a HTML5 video.
-
HTML5 video controlled with just a button
This a fiddle showing a HTML5 video, and a button below. Clicking the button makes the action showed in it.
-
L2c82a50
No-Library (pure JS), HTML, CSS, JavaScript
-
zpz6egos
jQuery 3.2.1, HTML, CSS, JavaScript
-
Responsive HTML5 Video
This is a fiddle with a responsive HTML5 video.
-
6fgs0vvu
No-Library (pure JS), HTML, CSS, JavaScript