2013-10-23 61 views
1

我是一個總編程的新手,並且正在Adobe Edge Animate項目中工作。我創建了一個返回按鈕,讓用戶在播放視頻時點擊它,從而關閉視頻並將其返回到主菜單。然而,這可以工作,視頻音頻會在後臺繼續播放。Javascript關閉HTML5視頻時關閉

有誰知道如何讓視頻在返回主菜單的同時暫停播放?

這裏是我的代碼

(function ($, Edge, compId) { 
    var Composition = Edge.Composition, 
     Symbol = Edge.Symbol; // aliases for commonly used Edge classes 

    //Edge symbol: 'stage' 
    (function (symbolName) { 
     Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 1000, function (sym, e) { 
      // sym.$("name") resolves an Edge Animate element name to a DOM 
      // element that can be used with jQuery 
      var vid = sym.$("Rectangle"); 

      vid.html('<video width="1920" height = "1080" src = "video/OurChangingWorld_AirQuality_Final_v2.mp4" type ="video/mp4" controls autoplay></video>'); 
     }); 
     //Edge binding end 

     Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 0, function (sym, e) { 
      sym.stop(); 
     }); 
     //Edge binding end 

     Symbol.bindElementAction(compId, symbolName, "${_Button_AirQuality}", "click", function (sym, e) { 
      sym.play("Video 1"); 
     }); 
     //Edge binding end 

     Symbol.bindElementAction(compId, symbolName, "${_Return_button-01}", "click", function (sym, e) { 
      sym.play("Main"); 
     }); 
     //Edge binding end 
    })("stage"); 
    //Edge symbol end:'stage' 
})(jQuery, AdobeEdge, "EDGE-3854874"); 
+0

什麼瀏覽器你得到這種行爲? – adamb

回答

1

看來,你只是躲在視頻實例。所以它一直在玩。 要獲得控制權的視頻情況下,你可以一個id屬性只是添加到視頻標籤是這樣的:

vid.html('<video id="myvideo" width="1920" height = "1080" ... 

之後,你可以使用標準的jQuery選擇去以前創建的視頻實例的引用來控制它(播放/停止/暫停/刪除):

$("#myvideo").pause(); 

你會發現這裏的HTML5視頻/音頻API的有用信息: http://www.w3schools.com/tags/ref_av_dom.asp

希望有所幫助。快樂動畫,

Simon

+1

首先,歡迎,http://www.w3fools.com/,第二個USE MDN https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video – jmingov

+0

哇。當你連接到w3schools時,我不知道你會得到一巴掌。我個人無法報告有關該資源的任何問題。恰恰相反,當從Flash/Flex切換回網絡標準時,特別是在構建HTML5交互式視頻播放器時,他們挽救了我的生命。 – simonwidjaja