HTML5/JavaScript 媒體播放器

Question

我正在試驗新的視頻 HTML 標簽，並且嘗試制作一個基於網絡的媒體播放器。 我嘗試使用文件上傳框輸入應該播放的 object 但沒有用，這意味着我不得不嘗試使用文本框。 這在一定程度上起作用了，即視頻的 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>

Answer 1

看起來真的很獨特。 我會先檢查 Javascript（我不知道 Javascript ......真尷尬）。

Answer 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>