在iOS上同時播放Html5視頻和音頻？

有這個問題.. 我花了幾個小時尋找解決方案有點無處不在。我的目標是通過調用觸發兩者的函數來啓動/播放iOS上的視頻和獨立音頻，無論是通過onclick還是mousedown監聽器。例如像：在iOS上同時播放Html5視頻和音頻？

HTML：

<html> 
<video id="videoElement" src="video/video.mp4"></video> 
<audio id="AudioElement"> 
<source id="sfile" src="file.mp3"> 
</audio> 
<div id="btDiv"> play</div> 
</html>

JS：

var mybt = document.getElementById('btDiv'); 
var myVideo = document.getElementById("videoElement"); 
var myAudio = document.getElementById('AudioElement')    
mybt.addEventListener('touchstart', function(){ myVideo.play();myAudio.play(); }, false);

這可能嗎？

此外......有可能使用不同的按鈕而不是默認的UI播放器按鈕在iOS上播放視頻嗎？

謝謝:)

來源

2014-01-20 drukaman

我也有同樣的問題 –

試試這個代碼HTML 5

NSString *embedHTML = @"\ 
     <html><head>\ 
     <style type=\"text/css\">\ 
     body {\ 
     background-color: transparent;\ 
     color: white;\ 
     }\ 
     </style>\ 
     <script>\ 
     function load(){document.getElementById(\"yt\").play();}\ 
     </script>\ 
     </head><body onload=\"load()\"style=\"margin:0\">\ 
     <video id=\"yt\" src=\"%@\" \ 
     width=\"%0.0f\" height=\"%0.0f\" poster=\"%@\" autoplay controls></video>\ 
     </body></html>"; 


     NSString *html = [NSString stringWithFormat:embedHTML,@"http://www.youtube.com/v/HGd9qAfpZio&hl=en_US&fs=1&", self.webView.frame.size.width, self.webView.frame.size.height,@""]; 


[self.webView loadHTMLString:html baseURL:nil];

來源

2014-01-20 10:35:03

這一直是超級折騰我。所以你建議我實現Objective-C？我應該如何將它整合到html頁面結構中？ – drukaman

您可以簡單地在您的vie控制器中進行網頁瀏覽，然後將此代碼在您的應用程序的yopur網頁視圖中處理該視頻。 –

謝謝Saurav，我沒有處理一個應用程序。這是一個移動網頁。 – drukaman

在iOS上同時播放Html5視頻和音頻？

回答

相關問題