> ## :-: [視頻 - Video](http://www.w3school.com.cn/tags/tag_video.asp) > ## :-: [HTML DOM Video 對象](http://www.w3school.com.cn/jsref/dom_obj_video.asp) ``` <!-- 最小的 - video --> <video src="./src/1.mp4" controls></video> // .paused --- 返回視頻是否已暫停播放(true/false) video.paused // .play() --- 播放、 video.play(); // .pause() --- 暫停、 video.pause(); // total == 總時長 、 newTime == 當前播放的時長 var total = video.duration var newTime = video.currentTime // 轉化為00:00的格式、 total = ('00' + parseInt(total / 60)).slice(-2) + ':' + ('00' + parseInt(total % 60)).slice(-2); newTime = ('00' + parseInt(newTime / 60)).slice(-2) + ':' + ('00' + parseInt(newTime % 60)).slice(-2); // 設置或返回視頻中的當前播放位置（以秒計） 需要http video.currentTime // 技巧：將總秒數轉為00:00的形式、 var total = '59.002'; // 59.002 總時長(秒) parseInt(total / 60); // 0 --- 分 parseInt(total % 60); // 59 --- 秒 total = ('00' + parseInt(total / 60)).slice(-2) + ':' + ('00' + parseInt(total % 60)).slice(-2); console.log(total); // 00:59 // video.playbackRate == 設置或返回視頻播放的速度。 video.playbackRate = 1.25; // 設置或返回視頻的音量 0 ~ 1; video.volume = 0.6; // 元素全屏的兼容方法、toFullVideo(video_player); function exitFullscreen(dom) { if (dom.exitFullScreen) { dom.exitFullScreen(); } else if (dom.mozCancelFullScreen) { dom.mozCancelFullScreen(); } else if (dom.webkitExitFullscreen) { dom.webkitExitFullscreen(); } else if (dom.msExitFullscreen) { dom.msExitFullscreen(); } } ``` Demo - Video：http://a-1.vip/demo/demo_c3/video > ## :-: [音頻 - Audio (跟video類似)](http://www.w3school.com.cn/jsref/dom_obj_audio.asp) ``` <!-- 最小的 - audio --> <audio src="./CloudMusic/金玟岐 - 歲月神偷.mp3" controls></audio> ```