1. 程式人生 > >下一代HTML5之插入一段視訊video或者插入一段視訊的外掛

下一代HTML5之插入一段視訊video或者插入一段視訊的外掛

效果:

程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>逆水行舟不進則退</title>
</head>
<body>
<video width="300" height="200" controls>
    <!--要有controls,否則不會顯示,它是為了增加一些控制元件-->
    <!--下面是設定視訊的源和型別-->
    <source src="1.qlv" type="video">
    你的瀏覽器不支援video標籤
</video>
<!--下面的這個就是在優酷視訊的分享中,獲取HTML程式碼,然後貼上到這個,作為一個外掛-->
<embed src='http://player.youku.com/player.php/sid/XMTU2MjU1NjE0NA==/v.swf' allowFullScreen='true'
       quality='high' width='480' height='400' align='middle' allowScriptAccess='always'
       type='application/x-shockwave-flash'>
</embed>
</body>
</html>

 video事件:

play()   pause()  load()  error()  

屬性:

currentSrc  currentTime videoWidth VideoHeight error paused