html 的基础知识

仅供自己学习参考之用~

1.视频播放（包括html自带的 和 javascript自己实现的）

<script type="text/javascript">

    function vidplay() {

       var video = document.getElementById("Video1");

       var button = document.getElementById("play");

       if (video.paused) {

          video.play();

          button.textContent = "||";

       } else {

          video.pause();

          button.textContent = ">";

       }

    }

    function restart() {

        var video = document.getElementById("Video1");

        video.currentTime = 0;

    }

    function skip(value) {

        var video = document.getElementById("Video1");

        video.currentTime += value;

    }      

</script> 

<video id="Video1" width="100%" muted autoplay controls>

     <source src="source/demo.mp4" type="video/mp4" />

</video>

 <div id="buttonbar">

    <button id="restart" onclick="restart();">[]</button> 

    <button id="rew" onclick="skip(-10)"><<</button>

    <button id="play" onclick="vidplay()">></button>

    <button id="fastFwd" onclick="skip(10)">>></button>

</div>     

2.<textarea name="yoursuggest" cols ="50" rows = "50"></textarea>
其中cols表示textarea的宽度，rows表示textarea的高度。