Интерфейс плеер видео

<?xml version="1.0" ?> <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'> <svg width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" id="media_1_" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="media"> <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_1_" x1="91.1045" x2="420.8952" y1="351.2021" y2="160.7974"> <stop offset="0" style="stop-color:#F14D5C"/> <stop offset="0.1309" style="stop-color:#F05454"/> <stop offset="0.3346" style="stop-color:#ED663E"/> <stop offset="0.3492" style="stop-color:#ED683C"/> <stop offset="0.714" style="stop-color:#F3903F"/> <stop offset="1" style="stop-color:#FDC70C"/> </linearGradient> <path d="M365.345,122.771H146.655c-32.099,0-58.212,26.114-58.212,58.212v150.035 c0,32.098,26.113,58.212,58.212,58.212h218.689c32.099,0,58.212-26.114,58.212-58.212V180.982 C423.557,148.884,397.443,122.771,365.345,122.771z M411.387,166.667h-73.462v-33.896h27.42 C386.945,132.771,405.275,147.051,411.387,166.667z M413.557,180.982v150.035c0,1.455-0.076,2.893-0.203,4.316H98.646 c-0.127-1.424-0.203-2.861-0.203-4.316V180.982c0-1.456,0.076-2.893,0.203-4.316h314.707 C413.48,178.089,413.557,179.527,413.557,180.982z M250.925,345.334v33.896h-64v-33.896H250.925z M260.925,345.334h67v33.896h-67 V345.334z M260.925,166.667v-33.896h67v33.896H260.925z M250.925,166.667h-64v-33.896h64V166.667z M146.655,132.771h30.27v33.896 h-76.312C106.725,147.051,125.054,132.771,146.655,132.771z M100.613,345.334h76.312v33.896h-30.27 C125.054,379.229,106.725,364.949,100.613,345.334z M365.345,379.229h-27.42v-33.896h73.462 C405.275,364.949,386.945,379.229,365.345,379.229z" fill="url(#SVGID_1_)"/> <linearGradient gradientUnits="userSpaceOnUse" id="SVGID_2_" x1="198.5679" x2="283.6991" y1="272.4492" y2="223.2987"> <stop offset="0" style="stop-color:#F14D5C"/> <stop offset="0.1309" style="stop-color:#F05454"/> <stop offset="0.3346" style="stop-color:#ED663E"/> <stop offset="0.3492" style="stop-color:#ED683C"/> <stop offset="0.714" style="stop-color:#F3903F"/> <stop offset="1" style="stop-color:#FDC70C"/> </linearGradient> <path d="M211.8,291.086c-0.048,5.617,2.839,10.626,7.724,13.399c2.373,1.348,4.958,2.021,7.54,2.02 c2.73,0,5.457-0.752,7.923-2.253l57.887-35.218c4.588-2.791,7.327-7.663,7.327-13.034c0-5.371-2.739-10.243-7.327-13.034 l-57.887-35.218c-4.798-2.919-10.578-3.006-15.463-0.233c-4.885,2.773-7.771,7.783-7.724,13.399l0.302,35.043L211.8,291.086z M221.8,220.828c-0.024-2.79,1.853-4.158,2.661-4.617c0.481-0.273,1.434-0.707,2.628-0.707c0.812,0,1.736,0.2,2.7,0.787 l57.887,35.218c2.278,1.386,2.524,3.603,2.524,4.491s-0.246,3.105-2.524,4.491l-57.887,35.218c-2.384,1.449-4.521,0.539-5.328,0.08 c-0.809-0.459-2.686-1.827-2.661-4.617l0.302-35.215L221.8,220.828z" fill="url(#SVGID_2_)"/> </g> </svg>