html5如何實現(xiàn)開始播放當(dāng)前的音頻或視頻-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關(guān)html5如何實現(xiàn)開始播放當(dāng)前的音頻或視頻,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比上栗網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式上栗網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋上栗地區(qū)。費用合理售后完善,十年實體公司更值得信賴。

實例

帶有播放和暫停按鈕的一段視頻:

var myVideo=document.getElementById("video1");
function playVid()
  {  myVideo.play();
  }
function pauseVid()
  {
  myVideo.pause();
  }

定義和用法

play() 方法開始播放當(dāng)前的音頻或視頻。

瀏覽器支持

所有主流瀏覽器都支持 play() 方法。

注釋:Internet Explorer 8 以及更早版本不支持該方法。

語法

audio|video.play()

代碼實例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>視頻播放</title>
</head>
<body>
<script>
      window.onload =function(){
          var ov=document.getElementById("a1");
          ov.onmouseover=function() {
               this.play();
          }
          ov.onmouseout =function() {
                this.pause();
          }

      };

</script>

<video  id="a1"  src="陳奕迅 - 陪你度過漫長歲月.mp4"  controls   loop width="400"  height="400">你的瀏覽器不支持</video>
</body>
</html>

關(guān)于“html5如何實現(xiàn)開始播放當(dāng)前的音頻或視頻”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

當(dāng)前標(biāo)題:html5如何實現(xiàn)開始播放當(dāng)前的音頻或視頻-創(chuàng)新互聯(lián)
新聞來源:http://muchs.cn/article26/psjjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計、全網(wǎng)營銷推廣App設(shè)計、App開發(fā)、靜態(tài)網(wǎng)站云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設(shè)