![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 98 105" xmlns="http://www.w3.org/2000/svg"><g d="M 4 42 C 4 21.013 21.013 4 42 4 C 62.987 4 80 21.013 80 42 C 80 62.987 62.987 80 42 80 C 21.013 80 4 62.987 4 42 Z M 42 80 C 21.013 80 4 62.987 4 42 L 4 42 C 4 21.013 21.013 4 42 4 L 42 4 C 62.987 4 80 21.013 80 42 L 80 42 C 80 62.987 62.987 80 42 80 Z M 41.921 43.616 C 40.499 42.564 40.499 40.436 41.921 39.384 L 56.802 28.373 C 58.539 27.087 61 28.327 61 30.489 L 61 52.512 C 61 54.673 58.539 55.914 56.802 54.628 Z M 19.86 43.616 C 18.438 42.564 18.438 40.436 19.86 39.384 L 34.74 28.373 C 36.478 27.087 38.939 28.327 38.939 30.489 L 38.939 52.512 C 38.939 54.673 36.478 55.914 34.74 54.628 Z M 42 84 C 18.804 84 0 65.196 0 42 L 0 42 C 0 18.804 18.804 0 42 0 L 42 0 C 65.196 0 84 18.804 84 42 L 84 42 C 84 65.196 65.196 84 42 84 Z" fill="transparent" height="84px" id="IjdVMaKVf" transform="translate(7 9)" width="84px"><g d="M 0 38 C 0 17.013 17.013 0 38 0 C 58.987 0 76 17.013 76 38 C 76 58.987 58.987 76 38 76 C 17.013 76 0 58.987 0 38 Z M 38 76 C 17.013 76 0 58.987 0 38 L 0 38 C 0 17.013 17.013 0 38 0 L 38 0 C 58.987 0 76 17.013 76 38 L 76 38 C 76 58.987 58.987 76 38 76 Z M 37.921 39.616 C 36.499 38.564 36.499 36.436 37.921 35.384 L 52.802 24.373 C 54.539 23.087 57 24.327 57 26.489 L 57 48.512 C 57 50.673 54.539 51.914 52.802 50.628 Z M 15.86 39.616 C 14.438 38.564 14.438 36.436 15.86 35.384 L 30.74 24.373 C 32.478 23.087 34.939 24.327 34.939 26.489 L 34.939 48.512 C 34.939 50.673 32.478 51.914 30.74 50.628 Z" fill="transparent" height="76px" id="Fj50UoPv8" transform="translate(4 4)" width="76px"><path d="M 0 38 C 0 17.013 17.013 0 38 0 C 58.987 0 76 17.013 76 38 C 76 58.987 58.987 76 38 76 C 17.013 76 0 58.987 0 38 Z" fill="transparent" height="76px" id="LtqPgWpV5" width="76px"/><path d="M 38 76 C 17.013 76 0 58.987 0 38 L 0 38 C 0 17.013 17.013 0 38 0 L 38 0 C 58.987 0 76 17.013 76 38 L 76 38 C 76 58.987 58.987 76 38 76 Z" fill="rgb(255, 89, 46)" height="76px" id="RKky9q7Q6" width="76px"/><g d="M 1.067 15.765 C -0.356 14.713 -0.356 12.585 1.067 11.533 L 15.947 0.521 C 17.685 -0.765 20.146 0.476 20.146 2.637 L 20.146 24.66 C 20.146 26.822 17.685 28.062 15.947 26.776 Z" fill="transparent" height="27.29763563380223px" id="jPU5fUZgU" transform="translate(36.855 23.851)" width="20.145650000000003px"><path d="M 1.067 15.765 C -0.356 14.713 -0.356 12.585 1.067 11.533 L 15.947 0.521 C 17.685 -0.765 20.146 0.476 20.146 2.637 L 20.146 24.66 C 20.146 26.822 17.685 28.062 15.947 26.776 Z" fill="rgb(255, 255, 255)" height="27.29763563380223px" id="PFaRmdpcg" width="20.145650000000003px"/></g><g d="M 1.067 15.765 C -0.356 14.713 -0.356 12.585 1.067 11.533 L 15.947 0.521 C 17.685 -0.765 20.146 0.476 20.146 2.637 L 20.146 24.66 C 20.146 26.822 17.685 28.062 15.947 26.776 Z" fill="transparent" height="27.29763563380223px" id="NkcCs4qhM" transform="translate(14.793 23.851)" width="20.145650000000003px"><path d="M 1.067 15.765 C -0.356 14.713 -0.356 12.585 1.067 11.533 L 15.947 0.521 C 17.685 -0.765 20.146 0.476 20.146 2.637 L 20.146 24.66 C 20.146 26.822 17.685 28.062 15.947 26.776 Z" fill="rgb(255, 255, 255)" height="27.29763563380223px" id="BepCcULNd" width="20.145650000000003px"/></g></g><path d="M 42 84 C 18.804 84 0 65.196 0 42 L 0 42 C 0 18.804 18.804 0 42 0 L 42 0 C 65.196 0 84 18.804 84 42 L 84 42 C 84 65.196 65.196 84 42 84 Z" fill="transparent" height="84px" id="SyfsF3L1M" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="8" stroke="rgba(255, 89, 46, 0.22)" width="84px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 160 52" xmlns="http://www.w3.org/2000/svg"><path d="M 14.222 51.556 C 6.367 51.556 0 45.188 0 37.333 L 0 14.222 C 0 6.367 6.367 0 14.222 0 L 145.778 0 C 153.633 0 160 6.367 160 14.222 L 160 37.333 C 160 45.188 153.633 51.556 145.778 51.556 Z" fill="rgb(2, 48, 51)" height="51.5556px" id="WQRkhGheY" transform="translate(0 0.222)" width="160px"/><path d="M 13.657 50.424 C 6.114 50.424 0 44.31 0 36.768 L 0 13.657 C 0 6.114 6.114 0 13.657 0 L 145.212 0 C 152.755 0 158.869 6.114 158.869 13.657 L 158.869 36.768 C 158.869 44.31 152.755 50.424 145.212 50.424 Z" fill="transparent" height="50.4242px" id="HOOAauHWd" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1.13131" stroke="rgba(0, 0, 0, 0.05)" transform="translate(0.566 0.788)" width="158.86900000000003px"/><path d="M 6.934 17.743 C 3.578 17.743 0 15.448 0 8.859 C 0 2.32 3.578 0 6.934 0 C 10.34 0 13.869 2.32 13.869 8.859 C 13.869 15.448 10.34 17.743 6.934 17.743 Z M 3.43 8.859 C 3.43 11.919 4.294 14.732 6.934 14.732 C 9.575 14.732 10.439 11.919 10.439 8.859 C 10.439 5.849 9.575 3.011 6.934 3.011 C 4.294 3.011 3.43 5.849 3.43 8.859 Z M 19.319 4.615 C 18.356 5.626 16.925 5.898 15.568 5.898 L 15.568 2.937 C 17.493 2.715 18.751 1.974 19.319 0.222 L 22.922 0.222 L 22.922 17.496 L 19.319 17.496 Z M 27.499 17.743 C 26.315 17.743 25.328 16.805 25.328 15.596 C 25.328 14.411 26.315 13.449 27.499 13.449 C 28.709 13.449 29.696 14.411 29.696 15.596 C 29.696 16.805 28.709 17.743 27.499 17.743 Z M 25.328 6.811 C 25.328 5.626 26.315 4.664 27.499 4.664 C 28.709 4.664 29.696 5.626 29.696 6.811 C 29.696 8.02 28.709 8.958 27.499 8.958 C 26.315 8.958 25.328 8.02 25.328 6.811 Z M 31.595 16.682 C 31.595 13.548 32.484 11.401 36.136 9.254 C 38.456 7.921 40.208 7.206 40.232 5.281 C 40.282 3.529 38.949 3.06 37.814 3.06 C 36.506 3.06 35.322 3.776 35.322 5.725 L 35.322 6.071 L 31.842 6.071 L 31.842 5.577 C 31.842 2.517 33.594 0 37.863 0 C 41.762 0 43.835 2.073 43.835 5.059 C 43.835 8.44 41.195 9.822 39.122 10.981 C 36.654 12.413 35.716 13.326 35.716 14.436 L 35.716 14.51 L 43.786 14.51 L 43.786 17.496 L 31.595 17.496 Z M 53.166 17.496 L 53.166 13.449 L 45.688 13.449 L 45.688 10.562 L 53.166 0.222 L 56.769 0.222 L 56.769 10.562 L 58.743 10.562 L 58.743 13.449 L 56.769 13.449 L 56.769 17.496 Z M 48.822 10.562 L 53.166 10.562 L 53.166 4.565 Z" fill="rgb(255, 255, 255)" height="17.7429px" id="BUQlBUOLK" transform="translate(14.526 18.059)" width="58.7427994506836px"/><path d="M 0 17.447 L 6.737 0.222 L 10.34 0.222 L 3.628 17.447 Z M 15.732 4.615 C 14.77 5.626 13.339 5.898 11.981 5.898 L 11.981 2.937 C 13.906 2.715 15.165 1.974 15.732 0.222 L 19.335 0.222 L 19.335 17.496 L 15.732 17.496 Z M 22.104 16.682 C 22.104 13.548 22.993 11.401 26.645 9.254 C 28.965 7.921 30.717 7.206 30.742 5.281 C 30.791 3.529 29.458 3.06 28.323 3.06 C 27.015 3.06 25.831 3.776 25.831 5.725 L 25.831 6.071 L 22.351 6.071 L 22.351 5.577 C 22.351 2.517 24.103 0 28.373 0 C 32.272 0 34.344 2.073 34.344 5.059 C 34.344 8.44 31.704 9.822 29.631 10.981 C 27.163 12.413 26.226 13.326 26.226 14.436 L 26.226 14.51 L 34.295 14.51 L 34.295 17.496 L 22.104 17.496 Z M 38.493 17.743 C 37.308 17.743 36.321 16.805 36.321 15.596 C 36.321 14.411 37.308 13.449 38.493 13.449 C 39.702 13.449 40.689 14.411 40.689 15.596 C 40.689 16.805 39.702 17.743 38.493 17.743 Z M 36.321 6.811 C 36.321 5.626 37.308 4.664 38.493 4.664 C 39.702 4.664 40.689 5.626 40.689 6.811 C 40.689 8.02 39.702 8.958 38.493 8.958 C 37.308 8.958 36.321 8.02 36.321 6.811 Z M 49.029 17.743 C 44.908 17.743 42.589 15.349 42.638 11.969 L 45.895 11.969 C 45.969 14.066 47.623 14.831 48.931 14.831 C 50.189 14.831 52.04 14.165 52.04 11.549 C 52.04 8.884 50.189 8.316 48.98 8.316 C 47.795 8.316 46.66 8.884 46.216 9.871 L 42.885 9.871 L 44.341 0.222 L 53.989 0.222 L 53.989 3.085 L 46.808 3.085 L 46.241 6.91 C 46.315 6.786 47.425 5.552 49.918 5.552 C 53.175 5.552 55.618 7.823 55.618 11.549 C 55.618 15.522 52.978 17.743 49.029 17.743 Z M 63.385 17.743 C 59.807 17.743 57.067 15.867 57.067 12.536 C 57.067 10.463 58.054 8.884 60.103 8.02 C 58.425 7.107 57.98 5.676 57.98 4.417 C 57.98 1.95 59.93 0 63.385 0 C 66.84 0 68.789 1.95 68.789 4.417 C 68.789 5.676 68.345 7.107 66.667 8.02 C 68.715 8.884 69.702 10.463 69.702 12.536 C 69.702 15.867 66.963 17.743 63.385 17.743 Z M 60.497 12.116 C 60.497 13.498 61.435 14.732 63.385 14.732 C 65.334 14.732 66.272 13.498 66.272 12.116 C 66.272 10.759 65.285 9.501 63.385 9.501 C 61.485 9.501 60.497 10.759 60.497 12.116 Z M 61.139 4.738 C 61.139 5.824 61.879 6.786 63.385 6.786 C 64.89 6.786 65.63 5.824 65.63 4.738 C 65.63 3.578 64.841 2.764 63.385 2.764 C 61.929 2.764 61.139 3.578 61.139 4.738 Z" fill="rgba(255, 255, 255, 0.4)" height="17.742900004553793px" id="zIyVeLRfE" transform="translate(75.001 18.059)" width="69.70189834594726px"/></svg>)
Unlock the power of advanced video building directly within Framer, now with a commercial tier. Supercharge your video players without ever leaving Framer.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 103 100" xmlns="http://www.w3.org/2000/svg"><g d="M 4 42 C 4 21.013 21.013 4 42 4 C 62.987 4 80 21.013 80 42 C 80 62.987 62.987 80 42 80 C 21.013 80 4 62.987 4 42 Z M 42 80 C 21.013 80 4 62.987 4 42 L 4 42 C 4 21.013 21.013 4 42 4 L 42 4 C 62.987 4 80 21.013 80 42 L 80 42 C 80 62.987 62.987 80 42 80 Z M 57.035 38.971 C 58.884 40.15 58.884 42.85 57.035 44.029 L 36.613 57.057 C 34.616 58.331 32 56.896 32 54.528 L 32 28.472 C 32 26.103 34.616 24.669 36.613 25.943 Z M 42 84 C 18.804 84 0 65.196 0 42 L 0 42 C 0 18.804 18.804 0 42 0 L 42 0 C 65.196 0 84 18.804 84 42 L 84 42 C 84 65.196 65.196 84 42 84 Z" fill="transparent" height="84px" id="uktlehcz7" transform="translate(10 8)" width="84px"><g d="M 0 38 C 0 17.013 17.013 0 38 0 C 58.987 0 76 17.013 76 38 C 76 58.987 58.987 76 38 76 C 17.013 76 0 58.987 0 38 Z M 38 76 C 17.013 76 0 58.987 0 38 L 0 38 C 0 17.013 17.013 0 38 0 L 38 0 C 58.987 0 76 17.013 76 38 L 76 38 C 76 58.987 58.987 76 38 76 Z M 53.035 34.971 C 54.884 36.15 54.884 38.85 53.035 40.029 L 32.613 53.057 C 30.616 54.331 28 52.896 28 50.528 L 28 24.472 C 28 22.103 30.616 20.669 32.613 21.943 Z" fill="transparent" height="76px" id="SvAca2qmp" transform="translate(4 4)" width="76px"><path d="M 0 38 C 0 17.013 17.013 0 38 0 C 58.987 0 76 17.013 76 38 C 76 58.987 58.987 76 38 76 C 17.013 76 0 58.987 0 38 Z" fill="transparent" height="76px" id="cWzz57WRs" width="76px"/><path d="M 38 76 C 17.013 76 0 58.987 0 38 L 0 38 C 0 17.013 17.013 0 38 0 L 38 0 C 58.987 0 76 17.013 76 38 L 76 38 C 76 58.987 58.987 76 38 76 Z" fill="rgb(0, 132, 255)" height="76px" id="fMs9bjFbp" width="76px"/><g d="M 25.035 13.503 C 26.884 14.683 26.884 17.382 25.035 18.562 L 4.613 31.59 C 2.616 32.864 0 31.429 0 29.06 L 0 3.005 C 0 0.636 2.616 -0.798 4.613 0.476 Z" fill="transparent" height="32.065213476447504px" id="n6eO_ZW61" transform="translate(28 21.467)" width="26.421900000000004px"><path d="M 25.035 13.503 C 26.884 14.683 26.884 17.382 25.035 18.562 L 4.613 31.59 C 2.616 32.864 0 31.429 0 29.06 L 0 3.005 C 0 0.636 2.616 -0.798 4.613 0.476 Z" fill="rgb(255, 255, 255)" height="32.065213476447504px" id="zcdZoLVfe" width="26.421900000000004px"/></g></g><path d="M 42 84 C 18.804 84 0 65.196 0 42 L 0 42 C 0 18.804 18.804 0 42 0 L 42 0 C 65.196 0 84 18.804 84 42 L 84 42 C 84 65.196 65.196 84 42 84 Z" fill="transparent" height="84px" id="co8XG5T1F" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="8" stroke="rgba(0, 132, 255, 0.22)" width="84px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 105 102" xmlns="http://www.w3.org/2000/svg"><path d="M 8.523 41.364 C 3.816 41.364 0 37.548 0 32.841 L 0 8.523 C 0 3.816 3.816 0 8.523 0 L 61.477 0 C 66.184 0 70 3.816 70 8.523 L 70 32.841 C 70 37.548 66.184 41.364 61.477 41.364 Z" fill="rgb(255, 255, 255)" height="41.3636px" id="TVJrLW8fZ" transform="translate(18 4)" width="70px"/><path d="M 7.98 40.279 C 3.573 40.279 0 36.706 0 32.299 L 0 7.98 C 0 3.573 3.573 0 7.98 0 L 60.935 0 C 65.342 0 68.915 3.573 68.915 7.98 L 68.915 32.299 C 68.915 36.706 65.342 40.279 60.935 40.279 Z" fill="transparent" height="40.2789px" id="Ii2k0Nzvr" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1.08471" stroke="rgba(0, 0, 0, 0.05)" transform="translate(18.542 4.542)" width="68.9153px"/><path d="M 8.523 41.364 C 3.816 41.364 0 37.548 0 32.841 L 0 8.523 C 0 3.816 3.816 0 8.523 0 L 61.477 0 C 66.184 0 70 3.816 70 8.523 L 70 32.841 C 70 37.548 66.184 41.364 61.477 41.364 Z" fill="rgb(255, 255, 255)" height="41.36359999999999px" id="mCtPmpMV0" transform="translate(18 59)" width="70px"/><path d="M 7.98 40.279 C 3.573 40.279 0 36.706 0 32.299 L 0 7.98 C 0 3.573 3.573 0 7.98 0 L 60.935 0 C 65.342 0 68.915 3.573 68.915 7.98 L 68.915 32.299 C 68.915 36.706 65.342 40.279 60.935 40.279 Z" fill="transparent" height="40.27889999999999px" id="cMSpXTtFO" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1.08471" stroke="rgba(0, 0, 0, 0.05)" transform="translate(18.542 59.542)" width="68.9153px"/><path d="M 2.698 3.159 C 2.006 3.887 0.976 4.082 0 4.082 L 0 1.952 C 1.384 1.793 2.29 1.26 2.698 0 L 5.289 0 L 5.289 12.424 L 2.698 12.424 Z M 7.05 12.424 L 10.245 7.756 L 7.245 3.195 L 10.032 3.195 L 11.718 5.893 L 13.404 3.195 L 16.191 3.195 L 13.191 7.756 L 16.386 12.424 L 13.599 12.424 L 11.718 9.62 L 9.837 12.424 Z" fill="rgb(0, 0, 0)" height="12.42400000267029px" id="RbHjjm79t" transform="translate(45.145 18.144)" width="16.385899985504153px"/><path d="M 0 11.998 C 0 9.744 0.639 8.2 3.266 6.656 C 4.934 5.697 6.194 5.183 6.212 3.798 C 6.248 2.538 5.289 2.201 4.473 2.201 C 3.532 2.201 2.68 2.716 2.68 4.118 L 2.68 4.366 L 0.178 4.366 L 0.178 4.011 C 0.178 1.81 1.438 0 4.508 0 C 7.312 0 8.803 1.491 8.803 3.638 C 8.803 6.07 6.904 7.064 5.413 7.898 C 3.638 8.928 2.964 9.584 2.964 10.383 L 2.964 10.436 L 8.768 10.436 L 8.768 12.584 L 0 12.584 Z M 10.047 12.584 L 13.242 7.916 L 10.243 3.355 L 13.029 3.355 L 14.715 6.052 L 16.401 3.355 L 19.188 3.355 L 16.188 7.916 L 19.383 12.584 L 16.597 12.584 L 14.715 9.78 L 12.834 12.584 Z" fill="rgb(0, 0, 0)" height="12.583800055313105px" id="vM72Z_X0L" transform="translate(43.582 72.985)" width="19.383299656677252px"/><g d="M 10.714 52 C 4.797 52 0 47.203 0 41.286 L 0 10.714 C 0 4.797 4.797 0 10.714 0 L 81.286 0 C 87.203 0 92 4.797 92 10.714 L 92 41.286 C 92 47.203 87.203 52 81.286 52 Z M 10.714 51.318 C 5.174 51.318 0.682 46.827 0.682 41.286 L 0.682 10.714 C 0.682 5.174 5.174 0.682 10.714 0.682 L 81.286 0.682 C 86.826 0.682 91.318 5.174 91.318 10.714 L 91.318 41.286 C 91.318 46.827 86.826 51.318 81.286 51.318 Z" fill="transparent" height="52px" id="Vua33uI_e" transform="translate(7 25)" width="92px"><path d="M 10.714 52 C 4.797 52 0 47.203 0 41.286 L 0 10.714 C 0 4.797 4.797 0 10.714 0 L 81.286 0 C 87.203 0 92 4.797 92 10.714 L 92 41.286 C 92 47.203 87.203 52 81.286 52 Z" fill="rgb(255, 34, 75)" height="52px" id="WnvI2f04d" width="92px"/><path d="M 10.032 50.636 C 4.492 50.636 0 46.145 0 40.604 L 0 10.033 C 0 4.492 4.492 0 10.032 0 L 80.604 0 C 86.145 0 90.636 4.492 90.636 10.033 L 90.636 40.604 C 90.636 46.145 86.145 50.636 80.604 50.636 Z" fill="transparent" height="50.63640000000001px" id="BRZdi2Cp2" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1.36364" stroke="rgba(0, 0, 0, 0.05)" transform="translate(0.682 0.682)" width="90.63639999999998px"/></g><path d="M 3.392 3.972 C 2.521 4.886 1.227 5.132 0 5.132 L 0 2.454 C 1.74 2.254 2.878 1.584 3.392 0 L 6.649 0 L 6.649 15.619 L 3.392 15.619 Z M 11.05 15.842 C 9.979 15.842 9.086 14.994 9.086 13.901 C 9.086 12.83 9.979 11.96 11.05 11.96 C 12.143 11.96 13.035 12.83 13.035 13.901 C 13.035 14.994 12.143 15.842 11.05 15.842 Z M 20.577 15.842 C 16.85 15.842 14.753 13.678 14.798 10.621 L 17.743 10.621 C 17.81 12.517 19.305 13.209 20.487 13.209 C 21.625 13.209 23.299 12.607 23.299 10.241 C 23.299 7.832 21.625 7.319 20.532 7.319 C 19.461 7.319 18.435 7.832 18.033 8.724 L 15.021 8.724 L 16.337 0 L 25.061 0 L 25.061 2.588 L 18.568 2.588 L 18.055 6.047 C 18.122 5.935 19.126 4.819 21.38 4.819 C 24.325 4.819 26.534 6.872 26.534 10.241 C 26.534 13.834 24.147 15.842 20.577 15.842 Z M 27.733 15.619 L 31.749 9.751 L 27.978 4.016 L 31.481 4.016 L 33.601 7.408 L 35.721 4.016 L 39.224 4.016 L 35.453 9.751 L 39.469 15.619 L 35.966 15.619 L 33.601 12.093 L 31.236 15.619 Z" fill="rgb(255, 255, 255)" height="15.84190031280518px" id="hrs_OQDFq" transform="translate(33.876 43.381)" width="39.469199530029286px"/></svg>)
Use vIDEOFRAME to fully customise your HTML, Youtube and Vimeo videos.
DRAG, DROP, DONE
Building videos in Framer is as simple as opening our plugin, and dragging and dropping the elements you need.
UNLIMITED CREATIVE CONTROL
Style every button to match your brand perfectly.
Video files, YouTube, Vimeo - all in one solution
Upload your own content for full control. No hosting headaches, no monthly fees.
Video Button
Action
Restart
Icon
Clear
Icon colour
T
#FFFFFF
Icon size
20
Edit code
Video Time Label
Type
Current
Duration
Font
T
Inter
Colour
T
#FFFFFF
Selectable
Yes
No
Design freedom with HTML Videos
Use your Framer MP4 or HTML files with full control over styling, layout, and playback.
Customise Vimeo Videos
Strip away Vimeo’s branding and controls.
Customise YouTube Videos
Keep the video, ditch the YouTube look.
ADD Video protection
Pair Videoframe with tools like Thenty to gate content behind a login.
Supports Framer CMS
Link your custom players to dynamic content from the CMS.
Framer Audio Player
Customise your podcasts, interviews, or music players.
HOW IT WORKS
LAUNCH THE PLUGIN
Open your project, hit ⌘K, and launch the Videoframe plugin.
START BUILDING
Just drag and drop to create your perfect video player with our video components!I
MAKE IT YOURS
Head ot the properties panel and adjust your video settings.
Build custom video players in Framer without limits. One-time payment.
