HTML5/JS Media Player

Я экспериментировал с новыми HTML-тегами видео и пытался создать веб-медиаплеер. Я попытался использовать поле загрузки файла, чтобы ввести объект, который должен быть воспроизведен, и это не сработало, а это означало, что мне пришлось попробовать использовать текстовое поле. В определенной степени это сработало: свойство src видео будет отредактировано, но воспроизведение медиафайлов будет невозможно.

Мой исходный код выглядит следующим образом:

<input type="text" value="Path to file" id="med">
<input type="button" value="Play!"onclick="javascript:document.getElementById('vid2').src=document.getElementById('med').value">
<video width=800 height=400 controls id="vid">
<source src="" id="vid2">
</video>

Я надеюсь, что этот вопрос поможет другим людям, потому что он может дать информацию, которая, как я видел из поисков Google, не слишком распространена.

Любая помощь приветствуется. Спасибо.

Источник

2 ответа

Решение

Это отлично сработало для меня:

<input type="text" value="Path to file" id="med">

    <input type="button" value="Play!" onclick="document.getElementById('vid2').src=document.getElementById('med').value;">

    <video width="800" height="400" controls="controls"  src="" id="vid2">

    </video>
Источник

Выглядит действительно уникально. Я бы сначала проверил Javascript (я не знаю Javascript... так стыдно).

Источник
Другие вопросы по тегам