lavanguardia-github.github.io/player1.html at master · lavanguardia-github/lavanguardia-github.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<h4><bold></bol>Opción 1</bold></h4>
</br>
<style>
  audio::-webkit-media-controls-play-button {
  background-color: gold;
  border-radius: 50%;
}
audio::-webkit-media-controls-time-remaining-display {
  color: #000;
  display: revert;
}
audio::-webkit-media-controls-current-time-display {
  color: #000;
}
audio::-webkit-media-controls-mute-button {
  background-color: #f5f5f5;
  border-radius: 50%;
}
audio::-webkit-media-controls-timeline {
  width:100%;
}
audio::-webkit-media-controls-play-button,
     audio::-webkit-media-controls-panel {
     background-color: #ffffff;
     }
audio::-webkit-media-controls-play-button {
  background-color: #ffd700;
      -webkit-box-shadow: 1px 3px 12px 0px rgb(0 0 0 / 15%);
}
</style>
<audio controls="" controlslist="nodownload noplaybackrate" style="width: -webkit-fill-available;"><source src="https://lavanguardia-github.github.io/audio/briella2.m4a" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</br></br>
<h4>Opción 2</h4>
</br>
<style>
  audio::-webkit-media-controls-play-button {
  background-color: gold;
  border-radius: 50%;
}
audio::-webkit-media-controls-time-remaining-display {
  color: #000;
  display: revert;
}
audio::-webkit-media-controls-current-time-display {
  color: #000;
}
audio::-webkit-media-controls-mute-button {
  background-color: #f5f5f5;
  border-radius: 50%;
}
audio::-webkit-media-controls-timeline {
  width:100%;
}
audio::-webkit-media-controls-play-button,
     audio::-webkit-media-controls-panel {
     background-color: #ffffff;
     }
audio::-webkit-media-controls-play-button {
  background-color: #ffd700;
      -webkit-box-shadow: 1px 3px 12px 0px rgb(0 0 0 / 15%);
}
</style>
<audio controls="" controlslist="nodownload noplaybackrate" style="width: -webkit-fill-available;"><source src="https://lavanguardia-github.github.io/audio/shakira2.m4a" type="audio/mpeg">
Your browser does not support the audio element.
</audio>