Skip to content

Instantly share code, notes, and snippets.

@denisbouquet
Created October 5, 2018 11:38
Show Gist options
  • Save denisbouquet/454fdc0eb8cac538722fb21f0c511918 to your computer and use it in GitHub Desktop.
Save denisbouquet/454fdc0eb8cac538722fb21f0c511918 to your computer and use it in GitHub Desktop.
<div class="vimeo-wrapper hide-on-mobile">
<div class="vimeo-placeholder vimeo-unmute"
data-src="https://player.vimeo.com/video/293314201?background=1"
data-title="Mobility Showreel - June 2018"></div>
<div class="audio-control js-audio-control "><span>unmute</span></div>
</div>
---
.player-unmuted {
.audio-control {
width: 50px;
height: 50px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXEAAAE6CAYAAADgGGILAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0E5MUNGRkRDMEI0MTFFODlCNUI4MzJDN0EyNzQ4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E5MUNGRkVDMEI0MTFFODlCNUI4MzJDN0EyNzQ4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQTkxQ0ZGQkMwQjQxMUU4OUI1QjgzMkM3QTI3NDgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQTkxQ0ZGQ0MwQjQxMUU4OUI1QjgzMkM3QTI3NDgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PissCEkAACZySURBVHja7J0HuFXlsYaHS1OkKCCKWLAXxC5YEgModrAERcUWNbbYkmjQa1Q0UdRYE+tVFEvEgkawF4SosaBiQ1BsiKCiCIIIiJQ7X/51IsGzD/vsvdde31rre59nnjz3ejh7zpx9vj1r/vlnGixevNiEqINmboe47e22tVsHtwZuX7u96fao251uUxUqIapPA4m4KPTecDvR7Xy3Nsv42nluV0VfO0+hE0IiLpKludu9bnvU89+NdevlNlEhFEIiLpKhlduTbl1K/PdT3HZwm6RQChE//6MQiCVoVqaAA9TM73NrrHAKIREX1RXwh8sU8BrwPU5RSIWIH5VTBGhioctk5wp+z+luq7vNVXiFUCYu4hXwoRUWcNDabT+FVwiJuIiPhm53W+goiYPdFWIhJOIiPgG/PeZseWuFWQiJuKg8uMhzs4WbmHGyikItRMx/zDrYzKWAX+d2fBVea7ESBSGUiYvKcmWVBLzmA0MIESONFIJccbHbqQqDSBmrunVz6+TW0a1F9JQ3ze1jtzFuz7vNloiLLHOeW3+FQaQE3Pg92O3Xbj8r4uu/dxtuoVQ4Kk+BUk08H5zpNjCp95jCL+rJ/hbKfmuW+O8h4idbGMgmERepB9ffr07yPaZfgSgSlElucutbge+1wO0PFkYkZ1rkJOLZ5oTo8TLR95h+DaIIUPfG8LXOFf6+g92OcVsoERdp43C32xjeY/pViGXQ1u0Ft/Vj+v53RX8PmRRytRhmk35utyoMIgXgAPPBGAUc4FLbDVlNKCTi2WMfC9fp9bsVaQBdUztW4XVQUrk8iwFUOSVb9LYwkZBpIYPKKaIQG7u9bWGOT7XAHtgBysQFIz1MG3VEuriwygJek/mfqExcMAo4tvIsz/ge069H1MJ6bhMSen8scjvQ7X5l4oKBrm7DSAVciEIckeAHPHTvTrefS8QFg4Cjt7a5QiFSxr4Jv/5ybg9ZqMunGpVT0gsuRYx0a8P+HtOvSizFSm5fk7w3JkbJ0JfKxEW1BfyZFAi4ELWxKdGHe0dLeTlSIp4+cCD0mIVbbkKkkbXI/NnOwu3mVD41SsTTxboWJrR1UChEimlN6NMBltL+cYl4eljd7QkJuMgArLpzrtsvFUwRB6tFGfi6CoXIAN8S+4ayymYScVFJVo4ycAm4yAqTiX1bwcKGoNQ0DUjEuUHtEF0omyoUIkOMJ/cPB68YX9swDcGUiPPSykIXigRcZI1JblPIfdzVQo1cIi5KfqTDTcwuCoXIKA+nwMdz3PaUiIv60szCdWAJuMgyQ1LgI/rGMWNlLWonde2eiiYWSig9MvQz6dq9KMTrblukwM+XLAzLWqBMXCxLwIdmTMCFqIs/psRP3Oj8szJxURcNIwHfN4M/mzJxUReoje+VAj8hlLtbOKuSiIufCDh2Yh6S0Z9PIi7qYhW3t9zapcBXTDrsbGQTD1VOSV7gBmVYwIVYFlMtLPeemwJf20V/r1RIxJMV8OssbDgRIs/g4BDr0n5Iga97ux1HJSQqpyTGVW6n5uTDSohi6GvhpiR7cvmd25Zu7ysTzy8X50TAhagP97gdmwI/cRnvDiO5li8Rrz7nufVXGESZ4FJYH7cb3F60cNg2z+17t6/cRrvd5HawW4sU/VyDUvL3gZVuv6N41FU5paqc6TYwZz+zyimVZU23s9wOteIXZOPQcEj03vsgJT9nGsqN+MDEZaV3JeL54BS3q3P4c0vEKwMug50dZalNS/weuHF4ZfQ0ODcF75u7LRx4MvOy245uCyXi2eYEC50oeUQiXj4d3e5127ZC3+9tt/1TkJXjg2uE28/I/fxt9OQgEc8oh1vYFpJXJOLl0cniWcs3za2n2xvkPz+WM6Dmvz6xj7Oj39OkJF5cB5vx0s/tVoVBlAjq309ZPHtV27o9beEGIjNfW+jNnk7sI84mrknqxSXi8YFbaLcrxqJEUPfGmrD2MWe5mAWyHnksJljYRr+Q2MdeFrqFJOIZobfbfYqvKANMzdu8Cq+zqoW68+rk8cCawtPIfUTjQtXbOSUyladHJOCNFQpRIhtbOCyrFijbPO62InlcULIYROzfapbASjcdbFZewDFac3mF4sf3mEJQb3D1/OAEXvd5C7slmdsPm0R+bkvq34LoCWqcRDx94AYXDoqaKxQS8TJADfxTS+5K9wMW6s+LiGOEJ4cxFmr6jIy0Ki53UTmlcgL+pARcVIC+luxMDvSPX0Ieo0nRkwrrB013t19KxNMDWrQecWupUIgKwLBd/XQjG7daC2i9/BOxf3+x0m/W1u9RV+WUsgUcp+ZtFYrC7zGFoF5J1SwLU/KSBu18u1noXGGlYeTfL0j9+0Mk5hJxUtBb+08LJ9JCIl4J1rCEbv0VYIaFA8QPiWOGvz+sd2Osj8+KdOKruD/5RWkCPkoCLirMmmT+rOQ2zLhH2X7mdiSpbyixDqjG45uoH7gUgZ7aDgqFqDDNCH3CTJDB5E9UaOu9kdS3X1vMN2Il4vWjQ5SBr6tQiBhg3TGJjpXfk8cO/r1P6Bcu/V0gEedg5SgDl4CLuJhN7BtWCu5E7B/2XmJRBuN8lYMs7OSUiCcIDk3QhbKpQiFi5GNi39AJgiUN7Yh9xEo6xh53lKIuiu2bqztlmbSycJGni0JR8htYFM8U4z4wx9MoetlZhQO92a9ZqOWzsb3bS8rEq0tzCbioMs+S+7e72xnE/mHv5ZHGWVYZEMc3lYgXBp0CwyXgosoMS4GPF7ptRezfq8a5zxaXp7ar+KOuyim10iR6bOyuUJT/HlMI6p08YABWa3I/342EnHXiIW69vuO2FplfT0RPM8rEYxbwoRJwkRBzLB1LtTdyu5TYP3SrnEiajXdVJh4fOIG/38JqNaFMPClwmI6e55VT4CtGro4k9g8LWvqQ+fSg234S8XgEHDsxD1EoJOIEoLd4SAr8nGhhEBxrjzvm0aD0w3QbFqKLduWKLI5QOeVHoblFAi6IQE/2rSnws6Nxzx/H+QLbyFroTX9l4pUNKGqQx0s3lImTgfMZzKrfJQW+Yhwsa3skesfHWswzTOoJ1rit7TZZmXj5XCUBF6TMt7AhZnQKfL3RqrQEoQTQO346mU+N3E6uxDfKu4hjHsQp0gpBDGZS7xFlksygW+UsYv/Qf892AHusVWClY57LKQPczpNGxE6S5ZTl3NaxsHkJCQsO37B04csUxhFX8V8wvr7npZ8ccGD3Pql/W1hYsMxU4kM2fo1EvP6c6TZQ+ppJEd/awhJd1JE3K/D60yxsZUI7Kdq95qYklsh2nzfeLe+g4pdZKsxtbocT+fOB24ZWxtLnPIr4qRbq4CJbIt7TQhdCfS9SfG3hivblFi7asLOjhb2STYl9xD2L4aS+rRU9KTQm8gnlssdL/cd5q4mfIAHPHLiejhu2T1ppN+GQ1WJo/3i3XVPw8/7L7ShyH/GhuBypb58Y343YE8r5x3kS8SMsHdeZRfGgxvmGhQ6OcsF+y8fc/piCn/sut/OJ/esYPfGy8mcL1/JZ2NvKOOvIi4j3s3CZR2QHZN2oa69Rwe+Jv4c/GecEvKWBiD9I7N/ZxrtAAmci1xD5g/fdcaX+4zzUxPe1cIClnvhkiKMmvlFUVohz0h+ytXPIY4v2NCwZ6ETq3w3llgpiBB1LEy1MO2RgqoUl7AuUif83vd3ulYBniuWiD+W4R7WirHIaeSzQMtmHrDSwJNj0vr6y8aJYxW2vUtP4rILpajjwamwiS+AQcpMqvdaVboeRxwPDnVhvHDeMnmhYuYzsA/Dokh51M1pOgYA/7La8NC9xKllOweyLcVX+YMbjLVrmHiWPM4ZlHUnqG5ZHvE7qG7rVWA5hsVIOZzyf5z0Tx4HXcAl4JjkjgScrzLjARMFO5LE5ySo02jQGBhDH7Qq3H4ieXOp9ESlrmTgEHP3CLaV3mcvEcYj3ZYIfzhPdtrVQS2UFHzTY9M54ESiWTe8ZfIp528JN41xm4p2jR14JeDbpnfDTVUe3ByyMh2UFOyVZO2rYs3EmHdu80pk4RBEHSStH6T4j2NqB3t620rrMZuLo8/8Vwc8zyO0Y4njjbxT98zsS+oa5NmNI4/aU8cxt/4vbH8oVcdQBseXm2OgxSC16ImkRH2s8dWl8mAwmjjna+t40vnMh7Ls8kDRmexjP4fVnFg44ixqKVZuIbx9lPRtJfwSJiCOJwKRBllIGBmV1sVC+YAU97leS+bQ40pUJpO9TtGtuQOLPTm7PFfvHsSSHRY9iEnDBREvjqkWjfIdLZCsQx+yvbi8SCuUZpPHCB8z1RP4U/cSyZCa+f/S4o9KJYMvEMZzqE8KfDbOpjySOPQ7I0K3CdJY1L/p9fkUYrxXdpkQf0kmDXnFcw19mSaVGsDtGb0gJuGBkFqlfmIx5AHHcUBdnm9yJsQms81S+cRtC4kt7K/Jwuka00WLT3ITgBDNCFpD6BpFsRxw7tByyraP7jfG2av4fkS99ihVxrAbaTzohiIGAf0LqW1uyP/ylmen2OzKf2hE/wYw2nqXUvYsV8X7SCJECXiX2bR/yvyMskWA75DyROF6DSPzoaEXc3oSI7yJ9EClgBLl/fzXesgq6F/qT+bSD1fNmYhW503jKd8vMxiHim0gfRAoYZmHKGyuYb34JsX/oOX6YzKfjSGOF+TgsF3+WKeJoMVwsfRAxUslRtGiB7UP+8/7c7XlS3zZ1e8vi2bZUCqjXowtjLmGs0Kd9D8lT1KpWx+G0WgpFmrgkBT5ea2FsBSM4sLuNyJ9WVpkl13GAcdYMra34wN21ri+QiIs0gcPNO8h9xEEU86HdecYzPxscRRonXEq6n8SX3epUeZVTRBUyiUrSNioJtCf+mXFpZO3ofxlhmp8N/cENzsmEcdrd7TECP3C7FSWVRcrERRbAodNBZNnk0uD69v8S+zcwEk+WD3nW9swRJB/EGAO+ZaH/KBEXaeRZ419gfLKF2ReMYIrgfUT+sIo4EgWWjp7uEnGRNdA5cCqxf5gRcj6xfxcT+YJtNqyTU4eS+NFNIi6yCC7YXEDsHwZkbUzqG7bPP07kz/6kccLO3nkEfmC+eCOJuMgi6La4hdQ3jIDtTxy7a4h8YW01RA/7UwR+tHDbRiIusgpGmz5H6tuhFrovGEHnxUckvmxFHKfhJH7sJBEXWWV+9Dg+Udl4vUDLGtM2G9Zpqixlp1rni6tPXMRNNa94b+H2kltTshigprqOhW0tbGDmC3q0GZYqP1co2yQAdxM6J+wD+sXbKRMXWeYNCwuC2UCnCustzuludxNlmqyTIJ8k8AH94htIxEXWucE4BhctzbHGu83mVhI/oEe7kcaIpaSyg0Rc5IHj3T4j8wkZJusERkxdnEjiC+t+gxeM45ZwF4m4yAO4Ks04WOkk0njhXOx2iXidzImEPGm2lYiLvPCE281kPm1vdczASJg7SfxYzXgX1Ywi8AFTMhtLxEVeON34Nr0fQxqr9y109igbL8w/CXxoYkvt3ZSIiyyDzTFnkPnUd+lMigiWA+GepPF52ThWBG4jERd5AkskmNaltXHbkzRWD5L40c04tyOhLj6GwI/OEnGRJ3Box9Y7fihprCa6vUngR3ML1/AZeZHAh80l4iJvvOY2hMgfbDBvRRqrYSR+dJGIKxMXYknOMZ5tQDic6kUaJ5aSynak8XmVwAckAGtJxEXe+NC4RtbuSxonzBn/lMCPrqTx+cBtBoEfnSTiIo9cZhzdBQBLeJuSxmkEgQ/rWViKzchrBD5sJBEXeQRZFEsb3QrG2w89gsQP1ro4Q4eKRFzkFqbdkvtIxOuEtS7+NoEPG0rERV7BH+CzJL7sShojzD0fT+DH1qTxYWjDVCYucs21JH6gw2Ad0hg9Q+BDJ9LYvGvJdzphKmYLibjIK/9w+4LElx6kMWLYWYoPueaEsYGATyDwYx2JuMgr+CNkmdrHerg5msSPjUnj8x6BD2tLxEWeYRHx7qTx+dhtGoEfrCUVhjMDZeIi1+Bw6i0CP9oZb12cIRvvTBobhnKKMnGRe+4j8YO1H5pBxFkz8fcJfFhdIi7yDsucEIl4YVhr4h8R+NBBIi7yzlgLM1WShnVOyDgSoWKcLT7VbW7CPqwhERfC7GECH7B3syFhbCa5fZewDw1rMk5l4z9hFXzAScRF3nmawIfljfNwEws1GLow1iR97yQ97bEBhFwiLvIOruAzTDZkPcBjKKmsRRqbyQQ+tJeIi7wzyzgG/bMe4CkTL8wUAh/aSMSF4Fi5xSriDK10rCL+GYEPbSXiQpi9TOADazllEoEPrOUUBhFXTVwI5xUJVUEYVrWtQhobhrEEysSFsNArPithH9pY6FJhA9Me5yctVBLxgrSSiAsRYDjAY83Gky6prEQaF4ZxxhJxISIYWunUD107mCnemDAusy359lSJuBBEIr4GaWy+IvChNWlsZkrEhVDJoIaVSWMzQyJOK+ItJeJC8Ig4a+13ukScVsSXl4gLwSPirEKlTJxXxJtKxIUITJVQUWfiDUljk/TW+xYScSECCwmyKtZyCkMm3ow0NkmP6tUoWiGIMs4WpHFZROBDE9LYJL0YQgebQixB0rc2G5PGZbbeGgX5PmkHJOJCSKyWxQICH1bUr0EiLgS7WLUijctivTUk4kKkgaTFqgFpXGYS+MBaakr8KUUiLoRIA6wfcIk/pUjEheAXiqRhKPPMJ41N4k8IEnEhfiTpCyXf6MNNSMSFKJ0WCkGtNCLw4Rv9GiTiQrCL+A+kcWmut0ZBmkrEheChTcKvz9qnzlBOYf2AS3ql3iyJuBA/JjRJH+BNJ40Nw2Cu70hjs0LCr79QIi5EgGGj+gzS2DCI+ELS2CTdnaJMXIgIhiXFrJn4SopNQVom/PrzJeJCBBj2W6qckr6nlKRnusyRiAvBk4lPUyaeug+4pM9RvpWICxHYhMCHT0lj01YiTivi30jEhQhsRODDJ6SxWTPh10dnCuO1e/TPJ33Ld6ZEXAhl4uwizpqFr0rgg0RcCGdt4+gRZ+yFRutl0qvRWM8KGMpMEnEhnK4EPqiUUpgvSWPThsCH6RJxIcy2JfBhHGlsGFovWT/gViPw4QuJuBBm2xP4MJ40NhsQ+DBJIl6QaRJxkXfQYdCFwI93SOOjrp3CdJCIC5E83Sz5NjHmTLyTMvGCMJSaPpeIi7zTncCHeW4fksZnY4k4rYhjv+eXEnGRd3oR+PC6EWxNrwV0piQ9anWR22TS987aCb/+VLcfJOIiz+CCz/oEfowmjQ9DKWUy6QdcO7dmBLHRZh+Ra/Yl8YNVxBlaL1nPCtYh8OEzibjIOweQ+PEKaXwYLkGx9s8zPMF9KhEXeQalgi0I/MCV8veViRdkLGlsGPrnP5KIizxzOIkfo0jj09FtZWXiBWHo2vlYIi7ySiO3w0h8GUEao64kfrCK+IYScSGSYx+39iS+PE0ao58R+ICa7yzC2DQmEXGVU0RuOYnED4jUB6Qx6kHgA+sogg0t+S3302o+4CTiIm9sauGqPQNPkcYIyw4YlmS8RhqfzQh8+E/rpURc5I0ziHwZRhqjnUn8eEkiXpAJEnGRR7DRvh+JL3OIM/EeJH68TBqfLZWJC5EMZxrHxELwpNtc0jjtQuADBoJ9RRofhv759yTiIm9gWNHRRP48SBonXIBiWMnGOooA1+1XIvBjrERc5I0/WfIdBTX84PYQaZxY5sm8SBqfbQh8+NZtokRc5Alkl4cQ+fOIhe32jOxD4gdrJr4dgQ9vLfl/SMRF1mngdkX0vyzcThqrtYxjnsx3bmNIY7SjRFyI6oIMvDuRPzPcHiWNFUspZZSFkhMbmB++FYEfb0rERV5o6XYZmU/3uH1PGq++JH6wjiJAV0ojAj/GSMRFXhho4fYhE7eQxmo9t+0l4nXC8ESHJxSVU0Qu6Ol2IplPOKxjXQBxKIkfXxjvDPFuBD68ufSTnERcZBGUUQYR+nUdabxw6MsyX501C1/OODpTfjJPRiIusgjEcg0ynzB17m7SeO1gyW9ur4F1FAG6UpqSPM1JxEWmOcZ45qMsySDjPdA8isSPxW5PkMZoNxI/XvjJY9RiR3/3IuZH9WrROcpUliOLAQ6j0IP9OeHvB1fIp7gtT+DL824/J30fvxW9v5Lkawsr8xYrExdZpLXbA4QCDm4hFXDwKxIBB/8gjdFqBAJek4X/JOmWiIssgJkoQy20ybGx0Ph61Zf8+2fq4HmANE67k/jxQqFfohBp52/GdStzSXC5h3UFG+q865L4ggssE0nj1JvEj39KxEUWOcftOFLf8Oh7IXHsTibyhXU0L0pNuxL4gXkyr0jERdaAeF9A7N+dbuNIfdvcbQ8if+4njVNP4zn0XSARF1mij/FengHzo6cEVs4i8mUc8Ycdy2jeZwr9B4m4SCO4nHIH+fv3WrdPSH3DAfCBZE8sjODAfD+JuBCVBa2E9xpnK2ENM90uIs/CWear49zgLtI47Wwcq9jQHz5GIi6ywuVuHch9xGHmNFLfsD/zMCJ/niN+YjmAxA8s1V4kERdZYEu3I8h9HO92FbF/5xnPrlEwiDROmJPySxJfHq/rP0rERZrob1xr1mrjN8a5lQZsQvYhiIW/Q0ljtbdbK6JMvE4RnyltECmgNVFmVAjUdkcS+4clGQ3J4jWHNFYs89VRC/9iWSI+TvogUgAEvBGxf7PcTif2D6NUe5P5dCNprNq47Uniy/BlfQFEfIT0QaSA7uT+nWq8Q67AJWT+vOz2OmmsMMq4CYkvw4oR8b9LH0QK2IbYN2yvH0zsX78oE2eC+aLW0SR+THJ7oxgRf9d4R0AKAVBGWZvUtxluxxLHDqvq2KYofmVhMBhrsrAZiS/Di/mimu6U37nNllYIUpobbz0cQ6SmEMdugNuqZD5db7xbjpg+kItKrhsssdhnfwvtPg1MiMpRifcTLqgwXghBNnkQcewx5AqLdZk6UuZHv8+ppE8tn7mtQPK00t7CPPqiMnGAgexHGm+Pq8gvswh9wozwX5N/eF5LJuDgTlIBt0j/ViDx5YFiBHxpEQe3u/3CQp1cCCYRn0/kD0oBuJL9LXHMsLGH7TATj/2sW47woXcCkT/3FfuFtd3YfNHCPjnc7MI6oEXSEJEwi4xrO85pVkTXQIKs73YpoV9Y/DCeNGZY/LARiS+43DOq2C8udFi0IMrKYagT4bpuO+O9pt/M7Wq3ttK7zDI6eh8mDUbg3kAcJ/yN3hL9TbAxkDhupxH5MsSKLKX8+xFiiYPNtIOnB+ygW8kE22NqJTg0EtAkwQWVbm7zyMXoSkK/njCehcNLg+TgHSJ/trJ6XITKkoiDrhaGxbSUdmZOxDGMCAdiTRP6OT5162LLmGORMBtHf/xNCX3b3u0l0rjd5HYMiS/j6/vEmbUphsiUUNuaYyJrzEwwE8f7aR9yAcceyHtJBfwJYgFfzbgmO9Z7y1EWR9FCyHu5zZXuZY6/WIFlsTGCQ9V+xjvno4a/uW1K6tu5xHH7vfHMV8d77TaJeOCZSMjV854tJrhdU+XXPM5CVwUzOC84mtQ39DuPJvWtTfT7ZQHLH+p9+zfLSyEwnbGPhDxznG3Vu8eAXZQ3k8cDbXGs3TILo98XKxiZsAKRPyVtOcrawWZtYFv1UNMWo6SIY4wDDn5whyHOzStXRI/azGCmDO51sJZRIErHkPq2ottE49neg2v2HUpJOvMgbBgic7jp0lKWwCITHDTGdR0fme3p5DHAh+NgYgHHQL0/EsfvdCIBt+h3WVLVIC/ZKWamH20iS+BOQE+r/CKGP1u4ss7+iHqOca+ru9h4u3lwKZDpcs9iK6MklqcSw+Doj1NkBxyYbeH2cAW+FwSnVySO7ALe1+18Yv8wcfIKYv9w1sFUC3/M7SOJeHFgjvFvpX2Z4stIfGGltAHOjLLGDSv0YRA32xv3FiGAUgVri++ahMlcWVuO8nCwWRtnGvcchyxR7fn0O7gd4rZLJMy1gVr6c273RzYrJbHcwO1fxj0j6GkLZS5WMFfmV0T+THRb18o4s8uriFv0OHquiayJ+JK0sDDRDwdYzSKxxt7CTy19B93YzoOOnLWJfcTBHFabsY6yxnylN8gqEKgMXKVMvHTwGN1fOptZEc8K+BB63ng7UWrAofA5xP49FT2hsYCkYnUrcy593nunUVb5mzRCEIMniCdTIODvu11I7N9eZAIObrIKLBbJeyZekyniYOF46YUycTKaWDhs7ZkCX3e2MO6CEcxGedsKn5EkAW6zohZe9u5Y3WIM7WQ4rb5DoRBkXJsSAb+ZWMDBaWQCDu61Ci3/Vib+I1goi01GhygUysQJONDtnhT4iUNilHpYO3xwlR0Hrc3J/NosejooG2Xi//14g+v5wxUKkTBYapKWs5pjjLtF83JCAX+kUgIuEa9dyLHF/CGFQiQILsu0S4GfN1o4dGUFC2L6Evp1UUUfdVVOqRVsR8FV2O4KRfnvMYWgXiznNtnCrGtm0I2ypdt3pP6hq2es8fXVY+ZPt0p+Q2XitfO9295uIxUKUWV6pUDA8cR6KLGAg3ON82LUgEp/Q4l4YWr2Ko5WKEQV2T8FPp5L/neBoWiMo4SRhY+q+KOuyinLBLflUPfrolCU9h5TCOoFSikdiP3DbJTdjHdsAXrCX3HbnNC37nGIuDLxZYMpd7jtNVahEDHTmlzAMTHyMOOeO3M2qYCPiEPAJeLFM82th4RcxMw6xL5BuA823kUPYCvj3el5ZlzfWCJePNiBt4fbhwqFiInmxL5h1RrzrczlLWzwakToG3b8vioR5wD1ym5WxhYOIeqgMalfuAB3MXnsLnXbiNCvhXE/HUjESxNyHOxMUShEhZlD6NN7Fm4yM3dA7O52Eqlvg9wmxPkC6k4pnfXcnnVrr1DU/R5TCIoGq8M+IfLnG7eucYtQmWBZxltuKxP6NjvSianKxDn5IMrIpykUooJPeSwXaGoOMpkFHPp1J6mAg4FxC7hEvHwwxAZdKzMUClEh4XyRxBeMb32cPF7/a2GOOSN4orqyWp9konwhR9fKLIVCVAAG4bzG+Kco4uLM+cT+neU2txovpJp45UDtEC1YzRSK/36PKQT1YjULy5wbJvT62CS0r4WuClZwIWqM8U56xFlZN6vSYbAy8crxsoXhRXMVClEGn7ndl9Brv2RhdCuzgDeJ4sMq4Ijdb6yK3TwS8cqCTBzTD39QKEQZXJCAkL4XJSFzyGNztdv2xP5hpV5Vb3ZLxOMR8j4SclEG4yOxqha485CGTqvjjXuhOWbLnFvtF1VNPD5QV7xfH5SqiZcIlkNg3GvnmF8Hwv2zKBNnZicLExQbE/uI/bxDJOLZop+F5ct5FnKJeOl0tFCnXiWm7z8rEsc3yeOAwWA4c2pL7OMTFm6OVh2VU+IFA3mOUhhEiUx062nhsDOODLxnCgR8JbdHyQUczQyJlXkk4vFzm9uJCoMoEdxDQLljTAW/57goA2ffWoVOlAfcNiT387zoA1cinmGut3ADTohS+NhtBwtb0ss5MEfHy1UWtlSNJ/+ZUYa72Sq8VDgGXrMq3cwsGCjVxKsKBsMPzNnPrJp4ZcFAJeyPxIadYi+Wzbdw4HZplIWnAfh6BrmPiOvWlvCyGIl49RkQPX5JxEU5YIHEnm67uG1pYbP7ihZuemKWD2Z3oN490u1BC2sG08JpSWe3RYJFGRcm/gcmEU8EDNjvLxEX4icc6nZHCvxEGWU7twUS8fyCyxynSMSF+A9puVuBbhTs83yXwRkdbCb7yHiDwiDEv0G7470p0aQzWARcmThHljrYwvorZeIir+BwEJP/0jABFKOCcRZBI5wS8eTBQRRudR4iERc5BFt5sF5t1RT4+rWFMQifMzmlckryLIwy8WEKhcghN6dEwMERbAIuEecS8gPdHlIoRI7ARqzeKfH1CrdHKB91VU6hAteMUXPrnqGfSeUUUYhXLdTD0+DnjhYu99ChTJwLvEmwVGKkQiEyzk4pEXBckjqIVcAl4pzMiR4xRysUIsOk5SAfdfAPmR2UiHMy221XCbnIMHulwMdLLAUNB6qJc9PGbZTbpin+GVQTF0uzpoXZLsygpIkLSAvZg6lMnBv0pfawhKekCVFh2OeDf2qhDr4wDcGUiPPzlYW1Tx8qFCIjrEHsG+aiYIbLl2kJpkQ8HWAbeTcJucgILYl9O9oqu0VJIi7+w+QoI5+iUIiUw3oQhxHRQ9IWTIl4uvggysg/UyhEivma0Cd0oZydxmBKxNMp5MjIpykUIqVMIvMH5RP0rS9KYzDVYpheME1tlFtr9veYflViKVoTZePoROlqhIOtlIlnn7ctzDWepVCIlDHdONpm8bezd5oFXCKefl62cLPzO4VCpIwHE379H9z2szDLPNVIxLMh5Ji1MlehECkCy5CTquXidbGQ+ZksBFIing2eiR4Lf1AoREqY4DY8odf+rYV9nplAB5vZAhn5ULfGTO8x/VpEATq5vWlhRWG1uMhS2kqoTDwfILPBhqBFCoVIAe+4XVbF17suawKuTDy79LOwfJnhQ1qZuKgLPDU+79Yl5tdBDR6zwTMneBLx7II37GCJuEgB7dxecFs3pu//D7cDLCVTCeuLyinZ5Ta3ExUGkQIwMbCb27gYvvffLZQYF2Y1eBLxbHO922kKg0gBGPC2Q5Q1VwKI9lluh7ktyHLgJOLZ5+rozSwEO1hKvL+FOSbl3KJEaWYbC1MJM18vVk08PwxwOy+J95hCL0qgiduRbse4bVvE12Mb/WNu17o9ladAScTzBTKT/hJxkTJWt7CmEEPfOro1t3Cx7VsLl4Zec3suyuRzh0Q8f6C8copEXIhsoJp4/sBB5w1Vei1lCEJIxEUMworWw9ur8FrTFW4hJOIiHiE/yu2umF9nqkIthERcxAP6aA+3sFswLl5VmIWQiIt4hRy32R6K6fs/phALES/qThGgSSS4PSr4PbFDEa1h8xReIZSJi3jBRYlebiMr+D0vlIALoUxcVJcVLGwJKncs6EtuO5k2DQmhTFxUFSxcxuLl0WV8j0lufSXgQkjERTLMjIT8yRL+7dtuO0ZCLoSQiIsEhXwPC7c7i7mwg9o35rKgDDNZ4ROieqgmLpYFhg1hNCiWMG/l1j76/8+wsOT2cQsLKL5QqISoPv8vwAD1GfBPKEI97gAAAABJRU5ErkJggg==);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
}
}
.audio-control {
cursor: pointer;
opacity: 0.7;
position: absolute;
bottom: 10px;
right: 10px;
color: #fff;
width: 50px;
height: 50px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXEAAAE6CAYAAADgGGILAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUQ0QTY2MThDMEI2MTFFODlCNUI4MzJDN0EyNzQ4MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUQ0QTY2MTlDMEI2MTFFODlCNUI4MzJDN0EyNzQ4MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQTkxQ0ZGRkMwQjQxMUU4OUI1QjgzMkM3QTI3NDgzMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQTkxRDAwMEMwQjQxMUU4OUI1QjgzMkM3QTI3NDgzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiJodwEAABMNSURBVHja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);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
transition: opacity 0.3s;
&:hover {
opacity: 1;
}
span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
}
---- https://github.com/vimeo/player.js#getvolume-promisenumber-error
import {createLogger} from './utils'
import Player from '@vimeo/player'
import $ from 'jquery'
const log = createLogger('vimeo')
log.setLevel(log.DEBUG)
export default function init_vimeo () {
const vids = document.querySelectorAll('.vimeo-placeholder')
for(let k=0;k<vids.length;k++){
setTimeout(function () {
init_video(vids[k], k)
}, 1000)
}
}
function init_video (placeholder, k) {
try {
log.info("Initialising", placeholder)
const iframe = document.createElement('iframe')
iframe.setAttribute('webkitallowfullscreen', 'true')
iframe.setAttribute('mozallowfullscreen', 'true')
iframe.setAttribute('allowfullscreen', 'true')
iframe.setAttribute('frameborder','0')
iframe.setAttribute('class','vimeoiframe')
iframe.setAttribute('id','video_'+k)
iframe.setAttribute('title', placeholder.getAttribute('title') || 'Video')
let src = placeholder.getAttribute('data-src') + '?'
if(placeholder.getAttribute('data-loop'))
src += 'loop=1&'
if(placeholder.getAttribute('data-autoplay'))
src += 'autoplay=1'
iframe.setAttribute('src', src)
placeholder.parentNode.insertBefore(iframe, placeholder)
placeholder.parentNode.removeChild(placeholder)
} catch (err) {
log.error("Failed to init vimeo video %o\n", placeholder, err)
}
}
$(document).on('click', '.js-audio-control', function(e) {
muteAudio($(this).parent().find('iframe'));
e.preventDefault();
});
function muteAudio(iframe) {
var vimeo_iframe_id = $(iframe).attr('id');
const $vimeo_iframe_container = $('#'+vimeo_iframe_id).parent();
var player = new Player(vimeo_iframe_id);
player.getVolume().then(function(volume) {
// volume = the volume level of the player
if(volume == 0) {
player.setVolume(1);
$vimeo_iframe_container.addClass('player-unmuted');
}
else {
player.setVolume(0);
$vimeo_iframe_container.removeClass('player-unmuted');
}
}).catch(function(error) {
// an error occurred
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment