|
19 | 19 |
|
20 | 20 | </style>
|
21 | 21 | <div id="test-area" class="k-d-grid">
|
22 |
| - <div class="k-mediaplayer k-widget"> |
| 22 | + <div class="k-mediaplayer"> |
23 | 23 | <div class="k-mediaplayer-titlebar">Media player title</div>
|
24 | 24 | <div class="k-mediaplayer-toolbar-wrap">
|
25 | 25 | <div class="k-slider k-mediaplayer-seekbar k-slider-horizontal">
|
|
38 | 38 | </svg>
|
39 | 39 | </span>
|
40 | 40 | </button>
|
41 |
| - <div class="k-mediaplayer-currenttime-wrap"> |
42 |
| - <span class="k-mediaplayer-currenttime">00:18</span> /<span class="k-mediaplayer-duration">00:55</span> |
| 41 | + <div class="k-mediaplayer-currenttime-wrap k-toolbar-item"> |
| 42 | + <span class="k-mediaplayer-currenttime">00:18</span> / <span class="k-mediaplayer-duration">00:55</span> |
43 | 43 | </div>
|
44 | 44 | <div class="k-spacer"></div>
|
45 | 45 | <button class="k-toolbar-button k-volume-button k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
|
|
49 | 49 | </svg>
|
50 | 50 | </span>
|
51 | 51 | </button>
|
52 |
| - <div class="k-mediaplayer-volume-wrap"> |
| 52 | + <div class="k-mediaplayer-volume-wrap k-toolbar-item"> |
53 | 53 | <div class="k-slider k-mediaplayer-volume k-slider-horizontal">
|
54 | 54 | <div class="k-slider-track-wrap">
|
55 | 55 | <div class="k-slider-track">
|
|
59 | 59 | </div>
|
60 | 60 | </div>
|
61 | 61 | </div>
|
62 |
| - <div class="k-mediaplayer-quality-wrap"> |
63 |
| - <span class="k-mediaplayer-quality k-dropdownlist k-picker k-picker-md k-picker-solid k-rounded-md"> |
64 |
| - <span class="k-input-inner"> |
65 |
| - <span class="k-input-value-text">360p</span> |
66 |
| - </span> |
67 |
| - <button class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button"> |
68 |
| - <span class="k-button-icon k-icon k-svg-icon k-svg-i-hd"> |
69 |
| - <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> |
70 |
| - <path d="M480 64H32C14.4 64 0 78.4 0 96v320c0 17.6 14.4 32 32 32h448c17.6 0 32-14.4 32-32V96c0-17.6-14.4-32-32-32M256 384h-64v-96h-64v96H64V128h64v96h64v-96h64zm210.3-68.9c-5.1 16.2-11.8 29.4-19.8 39.1-8.2 9.8-18.2 17.4-29.8 22.4-11.5 4.9-26.3 7.4-43.9 7.4H288V128h82.6c20.3 0 35.4 2.2 46.1 6.8s20.6 12.2 29.5 22.8c8.7 10.5 15.7 24.1 20.6 40.6 4.8 16.2 7.3 36.5 7.3 60.3-.1 21.5-2.7 40.6-7.8 56.6m-54.2-94.2c2.6 8.5 3.9 20.5 3.9 35.6 0 14.5-1.3 26.3-3.9 35.1-2.5 8.4-5.5 14.4-8.9 18-3.3 3.5-7.5 6-12.8 7.7-3.8 1.2-11.8 2.7-28.3 2.7H336V192h12.9c21.4 0 30.6.9 34.5 1.7 6.9 1.4 12.6 4.1 17.5 8.4 4.9 4.5 8.7 10.8 11.2 18.8"></path> |
71 |
| - </svg> |
72 |
| - </span> |
73 |
| - </button> |
74 |
| - </span> |
75 |
| - </div> |
76 | 62 | <button class="k-toolbar-button k-fullscreen-button k-button k-button-md k-button-flat k-button-flat-base k-rounded-md k-icon-button">
|
77 | 63 | <span class="k-button-icon k-icon k-svg-icon k-svg-i-fullscreen">
|
78 | 64 | <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
0 commit comments