From 6786dd8925392d4b8d86969f72e3a7d36a2ae752 Mon Sep 17 00:00:00 2001 From: mattybow Date: Thu, 30 Oct 2014 18:59:32 -0500 Subject: [PATCH] readme updated grunt tweaks for dev --- Gruntfile.js | 7 +++---- README.md | 21 +++++++------------ dist/gfy-cat.html | 4 ---- dist/gfy-cat/gfy-cat.css | 40 +++++++++++++++++++----------------- dist/gfy-cat/gfy-cat.css.map | 2 +- dist/gfy-cat/gfy-cat.html | 20 +++++++++++++++--- index.html | 6 ++++++ 7 files changed, 55 insertions(+), 45 deletions(-) delete mode 100644 dist/gfy-cat.html diff --git a/Gruntfile.js b/Gruntfile.js index e8d8610..96b411a 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -66,8 +66,7 @@ module.exports = function(grunt) { files:[ "src/**/*.scss", "src/**/*.html", - "*.html", - "*.md", + "index.html" ], tasks:[ "exec:sass" @@ -75,8 +74,8 @@ module.exports = function(grunt) { } }); - grunt.registerTask('build', ['sass','vulcanize']); - grunt.registerTask('deploy', ['copy','gh-pages']); + grunt.registerTask('build', ['sass','vulcanize','copy']); + grunt.registerTask('deploy', ['gh-pages']); grunt.registerTask('serve', ['build','connect','watch']); }; diff --git a/README.md b/README.md index 782c828..d0c8a31 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ a polymer web-component for displaying gifs thru [gfycat](http://gfycat.com/)'s ## Demo -[Check it live!](http://mattybow.github.io/gfy-cat) +[See this working here](http://mattybow.github.io/gfy-cat) ## Install @@ -28,12 +28,14 @@ Or [download as ZIP](https://github.com/mattybow/gfy-cat/archive/master.zip). ``` +Use, [grunt-vulcanize](https://github.com/Polymer/grunt-vulcanize) to reduce network requests + ## Options Attribute | Options | Default | Description --- | --- | --- | --- -`src` | *string* | `` | .gif source url -`gfyName` | *string* | `` | gfyName returned by gfycat.com _example:CostlyAfraidEmu_ +`src` | *string* | `''` | .gif source url +`gfyName` | *string* | `''` | gfyName returned by gfycat.com _example:CostlyAfraidEmu_ `width` | *% or px* | `100%` | size you want the element `color` | *hex rbg or rgba* | `#eee` | the color of the contols and the text `fill` | *true or false* | `false` | true means a solid filled in polygon, false will be a path @@ -41,17 +43,8 @@ Attribute | Options | Default | Description `ntimes` | *integer* | `3` | if not specified, animation will loop 3 times then pause, user can playback at will `loop` | *true or false* | `false` | video will loop infinitely until paused or pingpong is activated in which case ntimes is set to 100 -## Methods - -Method | Parameters | Returns | Description ---- | --- | --- | --- -`unicorn()` | None. | Nothing. | Magic stuff appears. - -## Events - -Event | Description ---- | --- -`onsomething` | Triggers when something happens. +## Compatibility +Please see bottom of the [demo](http://mattybow.github.io/gfy-cat) on notes about iOS safari fallbacks ## Development diff --git a/dist/gfy-cat.html b/dist/gfy-cat.html deleted file mode 100644 index 1ac9053..0000000 --- a/dist/gfy-cat.html +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/dist/gfy-cat/gfy-cat.css b/dist/gfy-cat/gfy-cat.css index d309a1e..5aee3f8 100644 --- a/dist/gfy-cat/gfy-cat.css +++ b/dist/gfy-cat/gfy-cat.css @@ -5,18 +5,20 @@ /* line 5, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ video { - float: left; - height: auto; } + display: block; + height: auto; + vertical-align: top; } -/* line 9, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 10, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ #gfyContainer { position: relative; display: inline-block; overflow: hidden; background: #B6B6B6 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZpZXdCb3g9IjAgMCA0MjYgNDI2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+IDxnPiA8Zz4gPHBhdGggZD0iTTI0MS41OSw2MS4zMDIyTDI5My43MjgsOTEuNDAzOEwyMjMuMjc0LDEzMi4wNzhMMjIzLjI3Miw1OC4yOTI1QzIyOS43NDIsNTguODM4IDIzNi4xMiw1OS45MDk5IDI0MS41OSw2MS4zMDIyWiIgc3R5bGU9ImZpbGw6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6d2hpdGU7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0yNDEuNTksNjEuMzAyMkwyOTMuNzI4LDkxLjQwMzhMMjIzLjI3NCwxMzIuMDc4TDIyMy4yNzIsNTguMjkyNUMyMjkuNzQyLDU4LjgzOCAyMzYuMTIsNTkuOTA5OSAyNDEuNTksNjEuMzAyMloiIHN0eWxlPSJmaWxsOnJnYigxMTEsMTU2LDIxNCk7ZmlsbC1vcGFjaXR5OjAuODU0OTAyO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigxMTEsMTU 2LDIxNCk7c3Ryb2tlLW9wYWNpdHk6MC44NTA5ODsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTI5My43MjgsOTEuNDAzOEwyOTMuNzMsMTcyLjc1NUwyMjMuMjc0LDEzMi4wNzhMMjkzLjcyOCw5MS40MDM4WiIgc3R5bGU9ImZpbGw6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6d2hpdGU7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xMDAuMDIzLDIwMy4yMzJMMTUyLjgyMSwxNzIuNzUxTDE1Mi44MjMsMjU0LjEwM0wxMTAuMjQ0LDIyOS41MkMxMDYuMDA5LDIyMC45OTUgMTAyLjQxMywyMTIuMjE1IDEwMC4wMjMsMjAzLjIzMloiIHN0eWxlPSJmaWxsOndoaXRlO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOndoaXRlOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMzAwLjc2MywzMzEuNEwyOTMuNzM0LDMzNS40NThMMjkzLjczMiwyNTQuMTA3TDMyOS4xOTcsMjc0LjU4M0MzMjkuMDM2LDI3NS43NTIgMzI4LjcyLDI3Ny4xNDMgMzI4LjEyOCwyNzkuOTg3QzMyMy44MjcsMzAwLjU3NCAzMTQuNTk4LDMxNy4wODIgMzAwLjc2MywzMzEuNFoiIHN0eWxlPSJmaWxsOndoaXRlO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOndoaXRlOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjIzLjI4MSwzNjguNjAyTDIyMy4yNzksMjk0Ljc4MUwyOTMuNzM0LDMzNS40NThMMjM5LjgzMywzNjYuNTc3TDIzNi4yNjYsMzY3LjMzNEMyMzIuMTUsMzY4LjA1NSAyMjcuNTQ2LDM2OC40NDcgMjIzLjI4MSwzNjguNjAyWiIgc3R5bGU9ImZpbG w6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6d2hpdGU7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0yMTAuNTg0LDM2OC44MDJDMjA0LjQwNywzNjguNzk5IDE5OC42OTYsMzY4LjY2NyAxOTMuNiwzNjguNjY3QzE3Ny4xMjcsMzY4LjY2NyAxNjUuNDkyLDM3MC4zODIgMTUyLjgyNiwzNjEuMjM2TDE1Mi44MjUsMzM1LjQ1NEwyMTAuNTg0LDM2OC44MDJaIiBzdHlsZT0iZmlsbDp3aGl0ZTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTp3aGl0ZTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTI5My43MjgsOTEuNDAzOEwyOTMuNzI4LDg5LjE5NjRMMjk1LjE5Myw5MC41NTc5TDI5My43MjgsOTEuNDAzOFoiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0yOTMuNzI4LDkxLjQwMzhMMjQxLjU5LDYxLjMwMjJDMjYwLjc4Nyw2Ni4wMDY1IDI3OC41MjksNzUuMzkyOCAyOTMuNzI4LDg5LjE5NjRMMjkzLjcyOCw5MS40MDM4WiIgc3R5bGU9ImZpbGw6cmdiKDg2LDEzOSwyMDcpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYig4NiwxMzksMjA3KTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTI5OS4yMDksOTQuNTY4M0wyOTMuNzI4LDkxLjQwMzhMMjk1LjE5Myw5MC41NTc5TDI5NS44NzYsOTEuMTkyNEwyOTkuMjA5LDk0LjU2ODNaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlL XdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMTUyLjgxOCw5MS40TDE1Mi44MTgsNzQuMTE2MkMxNTYuMTY0LDcyLjA2OTkgMTU4Ljg2OSw3MC41OTM3IDE2MS42LDY5LjI2NTFDMTY3LjkyNSw2Ni4xOTMxIDE4MC41MDMsNjEuNjA5IDE4Ny4zMDksNjAuNDU3TDE5OC45MzMsNTguNzE1N0MyMDIuNjEzLDU4LjI2OCAyMDYuMjg4LDU3Ljk5NTggMjEwLjg1Myw1Ny44OTU5TDE1Mi44MTgsOTEuNFoiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xNTIuODE4LDkxLjRMMTM5LjQ3MSw4My42OTM3QzE0My45MzksODAuMDAwOSAxNDguNTA0LDc2LjcyOTYgMTUyLjgxOCw3NC4xMTYyTDE1Mi44MTgsOTEuNFoiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLW9wYWNpdHk6MC42MTE3NjU7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0yMjMuMjcyLDU4LjI5MjVMMjIzLjI3NCwxMzIuMDc4TDE1Mi44MTgsOTEuNEwyMTAuODUzLDU3Ljg5NTlDMjE0LjgyOSw1Ny43ODI5IDIxOC43OTEsNTcuODc4MSAyMjMuMjcyLDU4LjI5MjVaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8 L2c+IDxnPiA8cGF0aCBkPSJNMzI4LjY5LDE1Mi41NzJMMjkzLjczLDE3Mi43NTVMMjkzLjcyOCw5MS40MDM4TDI5OS4yMDksOTQuNTY4M0MzMTAuOTI2LDEwNy4wMjQgMzE5Ljc1NSwxMjEuNjQyIDMyNS4wMDIsMTM4LjI2OEMzMjYuNDEyLDE0Mi43MzIgMzI3Ljg1NiwxNDcuOTkyIDMyOC42OSwxNTIuNTcyWiIgc3R5bGU9ImZpbGw6cmdiKDg2LDEzOSwyMDcpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYig4NiwxMzksMjA3KTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTI5My43MjgsOTEuNDAzOEwyOTMuNzMsMTcyLjc1NUwyMjMuMjc0LDEzMi4wNzhMMjkzLjcyOCw5MS40MDM4WiIgc3R5bGU9ImZpbGw6cmdiKDg2LDEzOSwyMDcpO2ZpbGwtb3BhY2l0eTowLjg1MDk4O3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigxMTEsMTU2LDIxNCk7c3Ryb2tlLW9wYWNpdHk6MC44NTA5ODsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTMzMC4xMzMsMTkzLjc3M0wyOTMuNzMsMTcyLjc1NUwzMjguNjksMTUyLjU3MkMzMjkuNjI2LDE1Ny4yNzUgMzMwLjEyOCwxNjEuMzEzIDMzMC4xMzMsMTY0LjkzNEwzMzAuMTMzLDE5My43NzNaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMTgxLjY1OCwxNTYuMTAzTDE1Mi44MjEsMTcyLjc1MUwxNTIuODE4LDkxLjRMMjIzLjI3NCwxMzIuMDc4TDIxMy42MTk sMTM3LjY1MUwyMTEuNTYyLDEzNy43MDJDMjA2Ljc1MSwxMzguMDk2IDIwMC4wNzQsMTQwLjI4NCAxOTUuNzc2LDE0Mi40ODFDMTkxLjY4LDE0NC41NzIgMTg4LjI4OCwxNDcuNjIyIDE4NS4yOCwxNTEuMDc4QzE4NC4wNzQsMTUyLjQ3NiAxODIuOTQxLDE1NC4wMzYgMTgxLjY1OCwxNTYuMTAzWiIgc3R5bGU9ImZpbGw6cmdiKDE4LDQzLDg2KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoMTgsNDMsODYpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMTEyLjMyNywxMTQuNzc2TDE1Mi44MTgsOTEuNEwxNTIuODIxLDE3Mi43NTFMMTAwLjY2NSwxNDIuNjM5TDEwMi42MjQsMTM1LjA2OEMxMDQuOTc2LDEyOC4yMzMgMTA4LjIyLDEyMS40OSAxMTIuMzI3LDExNC43NzZaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjUwLjEzMywxOTcuOTI0TDI1MC4xMzMsMTc2LjY2OEMyNTAuMTAyLDE1OS4zMDQgMjQwLjk2MiwxNDQuNjIyIDIyMy4yNzQsMTM5LjIwN0wyMjMuMjc0LDEzMi4wNzhMMjkzLjczLDE3Mi43NTVMMjUwLjEzMywxOTcuOTI0WiIgc3R5bGU9ImZpbGw6cmdiKDI5LDYyLDExOCk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDI5LDYyLDExOCk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xNzkuNDE3LDE4OC4xMDdMMTUyLjgyMSwxNzIuNzUxTDE4MS42NTgsMTU2LjEwM0MxOD AuODg4LDE1Ny4yOTQgMTc5Ljk2OCwxNTguOTkzIDE3OS4xODksMTYwLjY2OEMxNzYuNDM3LDE2Ni41ODggMTc2LjQ1OCwxNjkuMjU0IDE3Ni41MzMsMTc1LjYwMUMxNzYuNTk3LDE4MC4zMjUgMTc3LjY3NSwxODQuMjYzIDE3OS40MTcsMTg4LjEwN1oiIHN0eWxlPSJmaWxsOnJnYigyOSw2MiwxMTgpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigyOSw2MiwxMTgpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjIzLjI3NCwxMzkuMjA3TDIyMi40LDEzOC45NEMyMTkuNzI4LDEzOC4yNDQgMjE3LjA2MiwxMzcuNzIxIDIxMy42MTksMTM3LjY1MUwyMjMuMjc0LDEzMi4wNzhMMjIzLjI3NCwxMzkuMjA3WiIgc3R5bGU9ImZpbGw6cmdiKDI5LDYyLDExOCk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDI5LDYyLDExOCk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0zMzAuMTMzLDIzMy4wOTJMMjkzLjczMiwyNTQuMTA3TDI5My43MywxNzIuNzU1TDMzMC4xMzMsMTkzLjc3M0wzMzAuMTMzLDIzMy4wOTJaIiBzdHlsZT0iZmlsbDpyZ2IoMTgsNDMsODYpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigxOCw0Myw4Nik7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0yNTAuMTMzLDE5Ny45MjRMMjkzLjczLDE3Mi43NTVMMjkzLjczMiwyNTQuMTA3TDI1MC4xMzMsMjI4LjkzNUwyNTAuMTMzLDE5Ny45MjRaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsNzAsMTQ4KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoM jQsNzAsMTQ4KTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTMyOS4xOTcsMjc0LjU4M0wyOTMuNzMyLDI1NC4xMDdMMzMwLjEzMywyMzMuMDkyTDMzMC4xMzMsMjYzLjA2OEMzMjkuNjI2LDI3MC42MjEgMzI5LjU4NiwyNzIuMzc5IDMyOS4xOTcsMjc0LjU4M1oiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xMDAuMDIzLDIwMy4yMzJDOTcuODQzNCwxOTUuNDY1IDk2LjU0NzIsMTg3LjIyIDk2LjUzMzIsMTc4LjgwMUw5Ni41MzMyLDE2Ny4wNjhDOTYuNjI5MiwxNTkuNTQ4IDk4LjM1NzIsMTUwLjgyMiAxMDAuNDE2LDE0My42MDFMMTAwLjY2NSwxNDIuNjM5TDE1Mi44MjEsMTcyLjc1MUwxMDAuMDIzLDIwMy4yMzJaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjk1LjU3MSwzMzYuNTE5TDI5My43MzQsMzM1LjQ1OEwzMDAuNzYzLDMzMS40QzI5OC44NjksMzMzLjM4IDI5Ni45MSwzMzUuMjk3IDI5NS41NzEsMzM2LjUxOVoiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xOTUuNDc3LDIyOS40NzhMMTUyLjgyMywyNTQuMTAzTDE1Mi44MjEsMTcyLjc1MUwx NzkuNDE3LDE4OC4xMDdDMTgyLjAxNSwxOTMuOTEyIDE4Ni4yNTMsMTk5LjA1NCAxODkuODY2LDIwNS40NjhDMTkyLjYyOSwyMTAuMzY0IDE5NC4xMTksMjE0Ljg0NSAxOTUuMDE1LDIyMC4zOTFDMTk1LjQzNSwyMjIuOTQ1IDE5NS42MzYsMjI2LjIxIDE5NS40NzcsMjI5LjQ3OFoiIHN0eWxlPSJmaWxsOnJnYigyNCw3MCwxNDgpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigyNCw3MCwxNDgpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMTAwLjAyMywyMDMuMjMyTDE1Mi44MjEsMTcyLjc1MUwxNTIuODIzLDI1NC4xMDNMMTEwLjI0NCwyMjkuNTJDMTA2LjAwOSwyMjAuOTk1IDEwMi40MTMsMjEyLjIxNSAxMDAuMDIzLDIwMy4yMzJaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7ZmlsbC1vcGFjaXR5OjAuODUwOTg7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDEwMywxNTAsMjEyKTtzdHJva2Utb3BhY2l0eTowLjg0NzA1OTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTI1MC4xMzMsMjI4LjkzNUwyOTMuNzMyLDI1NC4xMDdMMjIzLjI3OSwyOTQuNzgxTDIyMy4yNzgsMjg3LjkyMUMyMzQuNzI3LDI4NC4yNTIgMjQ0LjI0NSwyNzUuNjA2IDI0OC4zMDksMjY0LjEzNEMyNTAuMDY5LDI1OS4xNjQgMjUwLjEyMiwyNTUuNDIgMjUwLjEzMywyNTAuMjY4TDI1MC4xMzMsMjI4LjkzNVoiIHN0eWxlPSJmaWxsOnJnYigyOSw2MiwxMTgpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigyOSw2MiwxMTg pOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjIzLjI3OSwyOTQuNzgxTDIxNC4zNDksMjg5LjYyNUMyMTcuMTk3LDI4OS40MDggMjE5Ljk5MSwyODguODgyIDIyMy4yNzgsMjg3LjkyMUwyMjMuMjc5LDI5NC43ODFaIiBzdHlsZT0iZmlsbDpyZ2IoMjksNjIsMTE4KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoMjksNjIsMTE4KTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTE2OS4yOTEsMjYzLjYxMUwxNTIuODIzLDI1NC4xMDNMMTk1LjQ3NywyMjkuNDc4QzE5NS40NTcsMjMxLjA3MSAxOTUuMjc3LDIzMi44MTIgMTk0Ljk2NSwyMzQuMjY4QzE5Mi4wNywyNDcuOTQ0IDE4Mi4xNDEsMjU5LjY3NiAxNjkuMjkxLDI2My42MTFaIiBzdHlsZT0iZmlsbDpyZ2IoMjksNjIsMTE4KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoMjksNjIsMTE4KTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTMwMC43NjMsMzMxLjRMMjkzLjczNCwzMzUuNDU4TDI5My43MzIsMjU0LjEwN0wzMjkuMTk3LDI3NC41ODNDMzI5LjAzNiwyNzUuNzUyIDMyOC43MiwyNzcuMTQzIDMyOC4xMjgsMjc5Ljk4N0MzMjMuODI3LDMwMC41NzQgMzE0LjU5OCwzMTcuMDgyIDMwMC43NjMsMzMxLjRaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7ZmlsbC1vcGFjaXR5OjAuODUwOTg7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpO3N0cm9rZS1vcGFjaXR5OjAuODUwOTg7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0yOT MuNzMyLDI1NC4xMDdMMjkzLjczNCwzMzUuNDU4TDIyMy4yNzksMjk0Ljc4MUwyOTMuNzMyLDI1NC4xMDdaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMTM5LjIzNywyNjEuOTQ2QzEyNy4yNjUsMjU2LjIxNyAxMTguMDk3LDI0NC43MTMgMTEyLjA4NSwyMzMuMjAxTDExMC4yNDQsMjI5LjUyTDE1Mi44MjMsMjU0LjEwM0wxMzkuMjM3LDI2MS45NDZaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjE0LjM0OSwyODkuNjI1TDIyMy4yNzksMjk0Ljc4MUwxNTIuODI1LDMzNS40NTRMMTUyLjgyNCwyOTYuNDQxQzE1NS41MjYsMjk0LjQ1NiAxNTguOTI0LDI5Mi42OCAxNjIuNjY3LDI5MS40NDFDMTY3LjM5MiwyODkuODczIDE3MS42MzcsMjg5Ljc0NSAxNzYuNTMzLDI4OS43MzRMMjExLjczMywyODkuNzM0TDIxNC4zNDksMjg5LjYyNVoiIHN0eWxlPSJmaWxsOnJnYigyNCw3MCwxNDgpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigyNCw3MCwxNDgpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMTY5LjI5MSwyNjMuNjExQzE2NS45ODgsMjY0LjY0IDE2Mi43ODksMjY1LjE2MSAxNTkuNDY3LDI2NS4yMDFDMTU3LjI3OSwyNjUuMjI1IDE1NS4xMTMsMjY1LjI2MiAxNTIuO DIzLDI2NS4xNDdMMTUyLjgyMywyNTQuMTAzTDE2OS4yOTEsMjYzLjYxMVoiIHN0eWxlPSJmaWxsOnJnYigyOSw2MiwxMTgpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYigyOSw2MiwxMTgpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMTUyLjgyNSwzMzUuNDU0TDEzNi4yNjksMzI1Ljg5NkMxMzcuMTU2LDMxNC43ODcgMTQyLjc5LDMwMy44NjUgMTUyLjgyNCwyOTYuNDQxTDE1Mi44MjUsMzM1LjQ1NFoiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xNTIuODIzLDI2NS4xNDdDMTQ5LjM5MiwyNjUuMDY3IDE0NS44NzMsMjY0LjYzNyAxNDIuNCwyNjMuMzI0QzE0MS4zMjksMjYyLjkxOCAxNDAuMjc5LDI2Mi40NjYgMTM5LjIzNywyNjEuOTQ2TDE1Mi44MjMsMjU0LjEwM0wxNTIuODIzLDI2NS4xNDdaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjIzLjI4MSwzNjguNjAyTDIyMy4yNzksMjk0Ljc4MUwyOTMuNzM0LDMzNS40NThMMjM5LjgzMywzNjYuNTc3TDIzNi4yNjYsMzY3LjMzNEMyMzIuMTUsMzY4LjA1NSAyMjcuNTQ2LDM2OC40NDcgMjIzLjI4MSwzNjguNjAyWiIgc3R5bGU9ImZpbGw6cmdiKDg2LDEzOSwyMDcpO2ZpbGwtb3BhY2l0eTowLjg1MDk4O3N0cm9r ZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYig4NiwxMzksMjA3KTtzdHJva2Utb3BhY2l0eTowLjg1MDk4OyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjIzLjI4MSwzNjguNjAyQzIxOC43NjEsMzY4LjgwMSAyMTQuMTkyLDM2OC44MzkgMjEwLjU4NCwzNjguODAyTDE1Mi44MjUsMzM1LjQ1NEwyMjMuMjc5LDI5NC43ODFMMjIzLjI4MSwzNjguNjAyWiIgc3R5bGU9ImZpbGw6cmdiKDg2LDEzOSwyMDcpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYig4NiwxMzksMjA3KTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTI5NS41NzEsMzM2LjUxOUwyOTMuNzM0LDMzOC4xODNMMjkzLjczNCwzMzUuNDU4TDI5NS41NzEsMzM2LjUxOVoiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0yMzkuODMzLDM2Ni41NzdMMjkzLjczNCwzMzUuNDU4TDI5My43MzQsMzM4LjE4M0MyOTEuNzgzLDMzOS45NSAyOTAuMTg2LDM0MS4zMTQgMjg4LjU0NCwzNDIuNjYyQzI3NC4zMTYsMzU0LjM1MiAyNTcuNywzNjIuODc5IDIzOS44MzMsMzY2LjU3N1oiIHN0eWxlPSJmaWxsOnJnYig4NiwxMzksMjA3KTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xMzguNjUsMzQzLjYzOEMxMzYuNDcyLDMzOC4wMjQgMTM1LjcwOCw zMzIuMDA1IDEzNi4yNjksMzI1Ljg5NkwxNTIuODI1LDMzNS40NTRMMTM4LjY1LDM0My42MzhaIiBzdHlsZT0iZmlsbDpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDg2LDEzOSwyMDcpOyIvPiA8L2c+IDxnPiA8cGF0aCBkPSJNMjEwLjU4NCwzNjguODAyQzIwNC40MDcsMzY4Ljc5OSAxOTguNjk2LDM2OC42NjcgMTkzLjYsMzY4LjY2N0MxNzcuMTI3LDM2OC42NjcgMTY1LjQ5MiwzNzAuMzgyIDE1Mi44MjYsMzYxLjIzNkwxNTIuODI1LDMzNS40NTRMMjEwLjU4NCwzNjguODAyWiIgc3R5bGU9ImZpbGw6cmdiKDg2LDEzOSwyMDcpO2ZpbGwtb3BhY2l0eTowLjkwMTk2MTtzdHJva2Utd2lkdGg6MC42N3B4O3N0cm9rZTpyZ2IoODYsMTM5LDIwNyk7c3Ryb2tlLW9wYWNpdHk6MC45MDE5NjE7Ii8+IDwvZz4gPGc+IDxwYXRoIGQ9Ik0xNTIuODI2LDM2MS4yMzZDMTUxLjAwMywzNTkuOTQ2IDE0OC45NDMsMzU4LjE5MyAxNDYuODM3LDM1Ni4wOTlDMTQzLjA4NywzNTIuMzY5IDE0MC4zNjQsMzQ4LjA3NCAxMzguNjUsMzQzLjYzOEwxNTIuODI1LDMzNS40NTRMMTUyLjgyNiwzNjEuMjM2WiIgc3R5bGU9ImZpbGw6cmdiKDg2LDEzOSwyMDcpO3N0cm9rZS13aWR0aDowLjY3cHg7c3Ryb2tlOnJnYig4NiwxMzksMjA3KTsiLz4gPC9nPiA8Zz4gPHBhdGggZD0iTTExMi4zMjcsMTE0Ljc3NkMxMTkuNDQ2LDEwMy4xMDYgMTI4Ljk3Niw5Mi4yNjcyIDEzOS40NzEsODMuNjkzN0wxNTIuODE4LDkxLj RMMTEyLjMyNywxMTQuNzc2WiIgc3R5bGU9ImZpbGw6cmdiKDEwMywxNTAsMjEyKTtmaWxsLW9wYWNpdHk6MC45MDE5NjE7c3Ryb2tlLXdpZHRoOjAuNjdweDtzdHJva2U6cmdiKDEwMywxNTAsMjEyKTtzdHJva2Utb3BhY2l0eTowLjg5ODAzOTsiLz4gPC9nPiA8L2c+IDwvc3ZnPg==') no-repeat center center; - background-size: 100px 100px; } + background-size: 100px 100px; + min-height: 100px; } -/* line 16, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 18, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ #gfyCtrlBox { position: absolute; top: 0; @@ -32,25 +34,25 @@ video { -moz-box-sizing: border-box; box-sizing: border-box; } -/* line 31, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 33, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .gfyCtrl.shown { right: 0; } -/* line 34, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 36, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .gfyCtrl.hidden { right: -15%; } -/* line 37, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 39, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .default { width: 20px; height: 20px; right: 10px; } -/* line 42, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 44, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .clearfix { clear: both; } -/* line 45, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 47, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ #gfyCtrlBox svg { display: block; position: absolute; @@ -58,11 +60,11 @@ video { left: 0; width: 100%; max-height: 100%; } - /* line 47, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ + /* line 49, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ #gfyCtrlBox svg:hover { cursor: pointer; } -/* line 57, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 59, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ playpause-svg { width: 20%; -webkit-transition: opacity 0.2s ease; @@ -70,22 +72,22 @@ playpause-svg { transition: opacity 0.2s ease; opacity: 0; } -/* line 64, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 66, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ playpause-svg.shown { opacity: 1; } -/* line 67, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 69, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .speedCtrl { position: relative; display: block; } -/* line 71, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 73, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ #speed { position: relative; width: 100%; text-align: center; } -/* line 76, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 78, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .bttn { -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; @@ -98,16 +100,16 @@ playpause-svg.shown { height: 0; padding-bottom: 60%; } -/* line 88, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 90, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .gfyCtrl > * { padding-top: 10px; padding-bottom: 10px; } -/* line 93, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 95, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .bttn:hover { opacity: 1; } -/* line 96, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ +/* line 98, /Users/mattybow/Desktop/tern/gfy-cat/gfy-cat/src/gfy-cat/gfy-cat.scss */ .active { background-color: rgba(0, 0, 0, 0.3); } diff --git a/dist/gfy-cat/gfy-cat.css.map b/dist/gfy-cat/gfy-cat.css.map index 3ef4e5c..48c6459 100644 --- a/dist/gfy-cat/gfy-cat.css.map +++ b/dist/gfy-cat/gfy-cat.css.map @@ -3,5 +3,5 @@ "file": "gfy-cat.css", "sources": ["gfy-cat.scss"], "names": [], - "mappings": ";AAAA;EACC,SAAS;EACT,YAAW;;;AAEZ;EACC,OAAM;EACN,QAAO;;;AAER;EACC,UAAS;EACT,SAAQ;EACR,UAAS;EACT,YAAW;EACX,iBAAiB;;;AAElB;EACC,UAAS;EACT,KAAI;EACJ,QAAO;EACP,OAAM;EACN,kBAAkB;EAClB,QAAO;EACP,oBAAmB;EACnB,YAAW;EACX,SAAS;EACT,SAAS;EACT,oBAAoB;EACpB,iBAAiB;EACjB,YAAY;;;AAEb,QAAQ;EACP,OAAM;;;AAEP,QAAQ;EACP,OAAM;;;AAEP;EACC,OAAM;EACN,QAAO;EACP,OAAM;;;AAEP;EACC,OAAM;;;AAEP,YAAY;EACX,SAAQ;EAIR,UAAS;EACT,KAAK;EACL,MAAM;EACN,OAAO;EACP,YAAY;;EARb,YAAY,GAAG;IAEb,QAAO;;;AAST;EACC,OAAM;EACN,oBAAoB;EACjB,iBAAiB;EACjB,YAAY;EACf,SAAQ;;;AAET,aAAa;EACZ,SAAQ;;;AAET;EACC,UAAS;EACT,SAAQ;;;AAET;EACC,UAAS;EACT,OAAM;EACN,YAAW;;;AAEZ;EACC,oBAAmB;EACnB,YAAW;EACX,SAAQ;EACR,eAAc;EACd,cAAa;EACb,OAAO;EACP,YAAY;EACZ,UAAS;EACT,QAAO;EACP,gBAAe;;;AAEhB,WAAW;EACV,aAAY;EACZ,gBAAe;;;AAGhB,KAAK;EACJ,SAAQ;;;AAET;EACC,kBAAiB" + "mappings": ";AAAA;EACC,SAAS;EACT,YAAW;;;AAEZ;EACC,SAAQ;EACR,QAAO;EACP,gBAAgB;;;AAEjB;EACC,UAAS;EACT,SAAQ;EACR,UAAS;EACT,YAAW;EACX,iBAAiB;EACjB,YAAW;;;AAEZ;EACC,UAAS;EACT,KAAI;EACJ,QAAO;EACP,OAAM;EACN,kBAAkB;EAClB,QAAO;EACP,oBAAmB;EACnB,YAAW;EACX,SAAS;EACT,SAAS;EACT,oBAAoB;EACpB,iBAAiB;EACjB,YAAY;;;AAEb,QAAQ;EACP,OAAM;;;AAEP,QAAQ;EACP,OAAM;;;AAEP;EACC,OAAM;EACN,QAAO;EACP,OAAM;;;AAEP;EACC,OAAM;;;AAEP,YAAY;EACX,SAAQ;EAIR,UAAS;EACT,KAAK;EACL,MAAM;EACN,OAAO;EACP,YAAY;;EARb,YAAY,GAAG;IAEb,QAAO;;;AAST;EACC,OAAM;EACN,oBAAoB;EACjB,iBAAiB;EACjB,YAAY;EACf,SAAQ;;;AAET,aAAa;EACZ,SAAQ;;;AAET;EACC,UAAS;EACT,SAAQ;;;AAET;EACC,UAAS;EACT,OAAM;EACN,YAAW;;;AAEZ;EACC,oBAAmB;EACnB,YAAW;EACX,SAAQ;EACR,eAAc;EACd,cAAa;EACb,OAAO;EACP,YAAY;EACZ,UAAS;EACT,QAAO;EACP,gBAAe;;;AAEhB,WAAW;EACV,aAAY;EACZ,gBAAe;;;AAGhB,KAAK;EACJ,SAAQ;;;AAET;EACC,kBAAiB" } \ No newline at end of file diff --git a/dist/gfy-cat/gfy-cat.html b/dist/gfy-cat/gfy-cat.html index 036f69a..7512b9b 100644 --- a/dist/gfy-cat/gfy-cat.html +++ b/dist/gfy-cat/gfy-cat.html @@ -105,6 +105,11 @@ }.bind(this)); this.$.gfyAjax.go(); } + if(this.isIdevice()){ + this.$.vid.style.height=this.$.vid.getBoundingClientRect().width+'px'; + this.$.vid.setAttribute('controls','true'); + this.$.vid.addEventListener('loadedmetadata',this.scaleMedia.bind(this)); + } }, addLoopAttr:function(){ this.$.vid.setAttribute('loop','true'); @@ -121,6 +126,12 @@ } }, + scaleMedia:function(e){ + var curWidth = this.$.vid.getBoundingClientRect().width; + var calcHeight = Math.floor((this.$.vid.videoHeight * curWidth)/ this.$.vid.videoWidth); + this.$.vid.style.height=calcHeight+'px'; + }, + incrementPlayCount:function(){ this.playCount++; //console.log("playCount=" + this.playCount,"endCount="+this.ntimes); @@ -140,7 +151,7 @@ }, pingPongActiveChanged:function(){ this.toggleNTimes(); - console.log('ntimes changed, now:'+this.ntimes); + //console.log('ntimes changed, now:'+this.ntimes); }, toggleNTimes:function(){ @@ -187,6 +198,9 @@ isMobile:function(){ return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)); }, + isIdevice:function(){ + return (/iPhone|iPad|iPod/i.test(navigator.userAgent)); + }, hoverOutHandle:function(){ if(this.hideTimeOut){ clearTimeout(this.hideTimeOut); @@ -232,10 +246,10 @@ reversePlayback:function(e,d,s){ if(this.playMode === 'reverse'){ this.playMode = 'forward'; - console.log('play forward'); + //console.log('play forward'); } else { this.playMode = 'reverse'; - console.log('play backward'); + //console.log('play backward'); } if(e) { diff --git a/index.html b/index.html index a7a4f7c..82e1213 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,12 @@ + + + +