Как спрятать плеер, если нету аудио файла?

Question

[Андрей Елсуков]

Задача такая: Есть плеер с php кодом:

<audio id='player' controls="controls">
  <source src="<?php echo Html::encode('../web/mp3/' . $model->name) ?>" type="audio/ogg" />
  <source src='<?php echo Html::encode('../web/mp3/' . $model->name) ?>' type="audio/mp3" />  
    </audio>

Проблема такая: мне нужно убрать этот плеер, если файла нет.
Попытался сделать это таким образом:

let player = document.getElementById('player');
if (!player.src) {
    player.style.display = 'none'
}

Но беда в том, что php код исполняется первее, чем js и поэтому плеер исчезает в любом случае.
Скажите, как сделать правильно?

Comments

[v3shin]

А почему вы ищете src у тега audio?
И почему бы не скрывать его на php?

[Андрей Елсуков]

v3shin, Так в зависимости от того, находится ли файл в src, и должно срабатывать условие.
А вот как на php создать условие появления html тега, я не знаю.
Не подскажете?)

[Андрей Елсуков]

v3shin, переделал вот так:

<audio id='player' controls="controls">
  <source id = 'plays' src="<?php echo Html::encode('../web/mp3/' . $model->name) ?>" type="audio/ogg" />
  <source id = 'plays' src='<?php echo Html::encode('../web/mp3/' . $model->name) ?>' type="audio/mp3" />  
    </audio>

let player = document.getElementById('player');
let plays = document.getElementById('plays');
if (!plays.src) {
    player.style.display = 'none'
}

Я думаю, скрипт ищет наличие src, а не его содержимое

[Андрей Елсуков]

Андрей Елсуков, не работает

[v3shin]

Андрей Елсуков,

<?php if (!empty($model->name)): ?>
тут плеер
<?php endif; ?>

Answer 1

[Андрей Шевкалюк]

Плеер исчезает в любом случае, потому что в любом случае у вас нет атрибута src у элемента <audio id='player' controls="controls">

Comments

[Андрей Шевкалюк]

Почему бы не сделать так?

<?php if ($model->name): ?>
<audio id='player' controls="controls">
  <source src="<?php echo Html::encode('../web/mp3/' . $model->name) ?>" type="audio/ogg" />
  <source src="<?php echo Html::encode('../web/mp3/' . $model->name) ?>" type="audio/mp3" />  
</audio>
<?php endif; ?>

[Андрей Елсуков]

Попробовал, не работает условие)

[Андрей Шевкалюк]

А что значит "убрать этот плеер, если файла нет"? Где вы проверяете, что файла нет?

[Андрей Шевкалюк]

Видимо, нужно сделать так:

<?php if (file_exists('/path/to/web/mp3/' . $model->name)): ?>
<audio id='player' controls="controls">
  <source src="<?php echo Html::encode('../web/mp3/' . $model->name) ?>" type="audio/ogg" />
  <source src="<?php echo Html::encode('../web/mp3/' . $model->name) ?>" type="audio/mp3" />  
</audio>
<?php endif; ?>

Только поменяйте путь к файлу на правильный