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

Javascript 在iOS上同时播放Html5视频和音频?,javascript,ios,html,mobile,web,Javascript,Ios,Html,Mobile,Web,这件事让我头疼。。 我花了几个小时到处寻找解决方案。 我的目标是在iOS上启动/播放一个视频和一个单独的音频,无论是通过onclick还是mousedown监听器调用一个同时触发这两个功能。 例如: html: 可能吗 而且。。。是否可以使用不同的按钮而不是默认的UI播放器按钮在iOS上播放视频 谢谢:)在HTML 5中尝试此代码 NSString *embedHTML = @"\ <html><head>\ <style type

这件事让我头疼。。 我花了几个小时到处寻找解决方案。 我的目标是在iOS上启动/播放一个视频和一个单独的音频,无论是通过onclick还是mousedown监听器调用一个同时触发这两个功能。 例如:

html:

可能吗

而且。。。是否可以使用不同的按钮而不是默认的UI播放器按钮在iOS上播放视频


谢谢:)

在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];
NSString*embedHTML=@”\
\
\
身体{\
背景色:透明\
颜色:白色\
}\
\
\
函数load(){document.getElementById(\“yt\”).play();}\
\
\
\
";
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];

这让我非常沮丧。所以你建议我实施目标C?我应该如何将其集成到html页面结构中?您只需在vie控制器中获取一个web视图,然后将此代码放在应用程序中的yopur web视图中处理该视频。谢谢Saurav,我不是在处理应用程序。这是一个移动网页。我也有同样的问题
var mybt = document.getElementById('btDiv');
var myVideo = document.getElementById("videoElement");
var myAudio = document.getElementById('AudioElement')              
mybt.addEventListener('touchstart', function(){ myVideo.play();myAudio.play(); }, false);
 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];