HTML5學習之video

一.video

瀏覽器支持參考 http://www.w3school.com.cn/html5/html_5_video.asp
爲保持最大兼容,需要提供mp4和Ogg兩種格式的視頻

1.video屬性和方法

參考 http://www.w3school.com.cn/html5/html_5_video.asp

2.使用

html

    <video id="v" src="../v.mp4" controls preload></video>
    <button id="pause">暫停</button>
    <button id="play">播放</button>

JavaScript

    let v = document.querySelector('#v');
    document.querySelector('#pause').addEventListener('click',()=>{
        v.pause();
    });
    document.querySelector('#play').addEventListener('click',()=>{
        v.play();
    });