1

URLを入力できるテキスト入力要素を備えたWebページを作成し、ボタンを押すとそのURLからビデオの再生を開始したいと考えています。つまり、input からの URL を video タグのソースにしたいのです。

<!DOCTYPE html>
<html>
    <head>
        <script>
            function write(){
                document.write(document.getElementById('url').value);
            }
        </script>
    </head>
    <body>

        <p>Enter the source of the video.</p>

        <form id="frm1">
            URL: <input id="url" type="text" name="fname"><br>
            <input type="button" onclick="write()" value="Please Write the URL">
        </form>

    </body>
</html>
4

1 に答える 1

-2

このコードを試してください

<!DOCTYPE html>
    <html>
    <head></head>
    <body>
        <p>Enter the source of the video.</p>
        <form id="frm1">
            URL: <input id="url" type="text" name="fname"><br>
            <input type="button" onclick="write()" value="Please Write the URL">
        </form>
        <video id="myVideo" controls>
            <source src="foo.ogg" type="video/ogg; codecs=dirac, speex">
            Your browser does not support the <code>video</code> element.
        </video>
     <script>
         function write()
         {
             var vid = document.getElementById('myVideo');
             vid.src = document.getElementById('url').value;
             vid.play();
         }
     </script>
</body>
</html>
于 2013-06-19T08:37:24.307 に答える