在 iOS 上同时播放 Html5 视频和音频？答案

【问题标题】：play Html5 video and audio simultaneously on iOS?在 iOS 上同时播放 Html5 视频和音频？
【发布时间】：2014-01-20 09:47:54
【问题描述】：

对此感到头疼.. 我花了几个小时到处寻找解决方案。我的目标是通过调用触发两者的函数在 iOS 上启动/播放视频和单独的音频，无论是通过 onclick 还是 mousedown 侦听器。例如：

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);

这可能吗？

此外...是否可以在 iOS 上使用不同的按钮而不是默认的 UI 播放器按钮来播放视频？

谢谢:)

【问题讨论】：

我也遇到了同样的问题

标签： javascript ios html mobile web

【解决方案1】：

试试这个 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];

【讨论】：

这让我非常沮丧。所以你建议我实施objective-C？我应该如何将它集成到 html 页面结构中？
您可以简单地在您的 vie 控制器中获取一个网络视图，然后在您的应用程序内的 yopur 网络视图中输入此代码来处理该视频。
感谢 Saurav，我不是在处理应用程序。这是一个移动网页。