| video::-webkit-media-controls-fullscreen-button {} | |
| video::-webkit-media-controls-play-button {} | |
| video::-webkit-media-controls-timeline {} | |
| video::-webkit-media-controls-current-time-display{} | |
| video::-webkit-media-controls-time-remaining-display {} | |
| video::-webkit-media-controls-mute-button {} | |
| video::-webkit-media-controls-toggle-closed-captions-button {} | |
| video::-webkit-media-controls-volume-slider {} |
| #!/bin/bash | |
| while read oldrev newrev ref | |
| do | |
| branch=`echo $ref | cut -d/ -f3` | |
| if [ "master" == "$branch" ]; then | |
| git --work-tree=./path/under/root/dir/live-site/ checkout -f $branch | |
| echo 'Changes pushed live.' | |
| fi |
| function custom_mtypes( $m ){ | |
| $m['svg'] = 'image/svg+xml'; | |
| $m['svgz'] = 'image/svg+xml'; | |
| return $m; | |
| } | |
| add_filter( 'upload_mimes', 'custom_mtypes' ); |
Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
background-color: lime;
}
video /deep/ input[type=range] {
| /** | |
| * [animateNumericValues interpolates from one number to another with a max of 60 integers per second] | |
| * @param {Element} element [The DOM element that will get interpolated] | |
| * @param {number} fromValue [the first value] | |
| * @param {number} toValue [the final value] | |
| * @param {number} speed [how long the animation should take in milliseconds] | |
| * @param {delay} delay [any delay before it starts counting up] | |
| * @param {string} appendString [optional string that gets appended to the value. E.g. "%"] | |
| */ | |
| function animateNumericValues({ |