視頻控制問題,創(chuàng)建的按鈕點了沒反應(yīng)。代碼如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>測試瀏覽器對HTML5音頻標(biāo)簽audio的支持情況</title><style>body {text-align: center;}</style></head><body><h3>測試瀏覽器對HTML5音頻標(biāo)簽audio的支持情況</h3><hr /><!--視頻畫面--><video id=“video01” src="C:\inetpub\wwwroot\1.mp4" width="400">對不起,您的瀏覽器不支持HTML5視頻API。</video><!--播放/暫停按鈕和畫面放大、縮小按鈕--><div><button id="toggleBtn" onclick="toggleVideo()">播放</button><button onclick="bigVideo()">畫面放大</button><button onclick="smallVideo()">畫面縮小</button></div><script>//獲取視頻對象var video01 = document.getElementById("video01");//獲取視頻切換按鈕var toggleBtn = document.getElementById("toggleBtn");//視頻播放/暫停切換方法function toggleVideo() {if (video01.paused) {video01.play();//播放視頻toggleBtn.innerHTML = "暫停";} else {video01.pause();//暫停視頻toggleBtn.innerHTML = "播放";}}//視頻放大方法function bigVideo() {video01.width = "600";}//視頻縮小方法function smallVideo() {video01.width = "200";}</script></body></html>
關(guān)于web前端技術(shù)HTML5的問題?
有只小跳蛙
2018-07-08 13:06:36