[html] view plaincopyprint?
[html] view plaincopyprint?
[html] view plaincopyprint?
值 描述 autoplay autoplay 如果出現該屬性，則視頻在就緒後馬上播放。 controls controls 如果出現該屬性，則向使用者顯示控制項，比如播放按鈕。 height pixels 設定視頻播放器的高度。 loop loop 如果出現該屬性，則當媒介檔案完成播放後再次開始播放。 preload preload 如果出現該屬性，則視頻在頁面載入時進行載入，並預備播放。
如果使用 "autoplay"，則忽略該屬性。
src url 要播放的視頻的 URL。 width pixels 設定視頻播放器的寬度。 注釋：
事件 play() currentSrc play pause() currentTime pause load() videoWidth progress canPlayType videoHeight error duration timeupdate ended ended error abort paused empty muted emptied seeking waiting volume loadedmetadata height width
<!DOCTYPE html> <html> <body> <div style="text-align:center;"> <!--定義按鈕，並添加事件監聽函數--> <button onclick="playPause()">播放/暫停</button> <button onclick="makeBig()">大</button> <button onclick="makeNormal()">中</button> <button onclick="makeSmall()">小</button> <br /> <video id="video1" width="420" style="margin-top:15px;"><source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webM" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogv" type="video/ogg" /> <p>您的瀏覽器不支援此HTML5標籤</p> </video></div> <script type="text/javascript">//得到video標籤對象var myVideo=document.getElementById("video1");function playPause(){ if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig(){ myVideo.width=560; } function makeSmall(){ myVideo.width=320; } function makeNormal(){ myVideo.width=420; } </script> </body> </html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
