HTML для символа паузы (в виде управления видео)

Попытка найти HTML, чтобы кнопка отображала символ паузы. Я смог найти, что игра есть & # 9658, но я ищу эквивалент в символе паузы.

Спасибо за помощь заранее!

Ответ 1

Существуют различные символы, которые можно считать адекватными заменами, в том числе:

  • | | - две стандартные (полужирные) вертикальные полосы.

  • ▋▋ - ▋ и еще ▋

  • ▌▌ - ▌ и еще ▌

  • ▍▍ - ▍ и еще ▍

  • ▎▎ - ▎ и еще ▎

  • ❚❚ - ❚ и еще ❚

Возможно, я пропустил один или два, но я думаю, что это лучшие. Здесь список символов на всякий случай.

Ответ 2

Чтобы избежать беспорядка с неподдерживаемыми символами, вы можете использовать масштабируемый шрифт значка, например:

Шрифт Awesome

Player icons - scalable - font awesome

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-arrows-alt"></i>
<i class="fa fa-backward"></i>
<i class="fa fa-compress"></i>
<i class="fa fa-eject"></i>
<i class="fa fa-expand"></i>
<i class="fa fa-fast-backward"></i>
<i class="fa fa-fast-forward"></i>
<i class="fa fa-forward"></i>
<i class="fa fa-pause"></i>
<i class="fa fa-play"></i>
<i class="fa fa-play-circle"></i>
<i class="fa fa-play-circle-o"></i>
<i class="fa fa-step-backward"></i>
<i class="fa fa-step-forward"></i>
<i class="fa fa-stop"></i>
<i class="fa fa-youtube-play"></i>

Ответ 3

Следующие могут пригодиться:

  • &#x23e9;
  • &#x23ea;
  • &#x24eb;
  • &#x23ec;
  • &#x23ed;
  • &#x23ee;
  • &#x23ef;
  • &#x23f4;
  • &#x23f5;
  • &#x23f6;
  • &#x23f7;
  • &#x23f8;
  • &#x23f9;
  • &#x23fa;

ПРИМЕЧАНИЕ. По-видимому, эти символы не очень хорошо поддерживаются в популярных шрифтах, поэтому, если вы планируете использовать его в Интернете, обязательно выберите webfont, который их поддерживает.

Ответ 4

▐▐ является HTML и выполняется с помощью этого кода: &#9616;&#9616;.

Вот пример JSFiddle.

Ответ 5

Я нашел его в разделе "Разное". ⏸ (U + 23F8)

Ответ 6

Я использую ▐ ▌

HTML: &#9616;&nbsp;&#9612;

CSS: \2590\A0\258C

Ответ 7

Если вы хотите, чтобы один символ соответствовал прямоугольному треугольнику для "воспроизведения", попробуйте римскую цифру 2. Ⅱ есть &#8545; в HTML. Если вы можете помещать вокруг него теги форматирования, он выглядит действительно хорошо жирным шрифтом. - <b>&#8545;</b> в HTML. Это намного лучше, чем предыдущая двойная вертикальная полоса.

Ответ 8

Современные браузеры поддерживают "DOUBLE VERTICAL BAR" (U + 23F8):

http://www.fileformat.info/info/unicode/char/23f8/index.htm

Для музыкального плеера он может выступать в качестве компаньона для "BLACK RIGHT-POINTING POINTER" (U + 25BA), потому что обе имеют равную ширину и высоту, что делает его идеальным для кнопки воспроизведения/паузы:

http://www.fileformat.info/info/unicode/char/25ba/index.htm

Ответ 9

Нет символа, кодированного для использования в качестве символа паузы, хотя различные символы или комбинации символов могут выглядеть более или менее как символ паузы, в зависимости от шрифта.

В ходе обсуждения в общедоступном списке рассылки Unicode в 2005 году было предложено предложение использовать две копии HEAVY VERTICAL BAR U + 275A характер: ❚❚. Но адекватность результата зависит от шрифта; например, глиф мог быть спроектирован так, чтобы штанги были слишком разнесены. - В обсуждении списка объясняется, почему символ паузы не был закодирован, и это не изменилось.

Таким образом, лучший вариант - использовать изображение. Если вам нужно использовать символ в тексте, лучше всего создать его в достаточно больших размерах (скажем, 60 на 60 пикселей) и масштабировать его до размера текста с помощью CSS (например, установка height: 0.8em в элементе img).