在iOS上同时播放Html5视频和音频?

时间:2014-01-20 09:47:54

标签: javascript ios html5 mobile web

头痛这个.. 我花了几个小时到处寻找解决方案。 我的目标是通过调用触发两者的功能在iOS上启动/播放视频和分离的音频,无论是通过onclick还是mousedown listener。 例如:

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上播放视频?

谢谢:)

1 个答案:

答案 0 :(得分:0)

尝试使用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];