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

标签 javascript ios html mobile web

这个问题很头疼.. 我花了几个小时到处寻找解决方案。 我的目标是通过调用触发视频和单独音频的函数(无论是通过 onclick 还是 mousedown 监听器)来在 iOS 上启动/播放视频和单独的音频。 例如:

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

谢谢:)

最佳答案

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

关于javascript - 在 iOS 上同时播放 Html5 视频和音频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21230713/

相关文章:

javascript - 向显示和隐藏 div 的 javascript 添加淡入淡出效果?

html - 最小化页面时如何使我的网页响应

javascript - 将按键发送到表单字段

javascript - 为什么在这种特殊情况下 View 没有更新? ($scope.$apply)

iphone - AVCaptureSession 取消背景音频

ios - GDB/LLDB 在指定模块/共享库的所有函数处中断

java - Android:从网站读取 HTML 并将其发布到屏幕上

javascript - 在 AJAX 查询中使用静态 JSON 字符串而不是 URL

javascript - 在不影响定位的情况下在普通 JavaScript 中调整表格大小

ios - Xcode 错误 : Distill failed for unknown reasons