如何让音频跟视频在ios跟android上自动播放
2015-04-29 10:01
441 查看
如何让音频跟视频在ios跟android上自动播放
<audio autoplay ><source src="audio/alarm1.mp3" type="audio/mpeg"></audio>
系统默认情况下 audio的autoplay属性是无法生效的,这也是手机为节省用户流量做的考虑。 如果必须要自动播放,有两种方式可以解决。
1.捕捉一次用户输入后,让音频加载,下次即可播放。
//play and pause it once document.addEventListener('touchstart', function () { document.getElementsByTagName('audio')[0].play(); document.getElementsByTagName('audio')[0].pause(); });
这种方法需要捕获一次用户的点击事件来促使音频跟视频加载。当加载后,你就可以用javascript控制音频的播放了,如调用audio.play()
2.利用iframe加载资源
var ifr=document.createElement("iframe"); ifr.setAttribute('src', "http://mysite.com/myvideo.mp4"); ifr.setAttribute('width', '1px'); ifr.setAttribute('height', '1px'); ifr.setAttribute('scrolling', 'no'); ifr.style.border="0px"; document.body.appendChild(ifr);
这种方式其实跟第一种原理是一样的。当资源加载了你就可以控制播放了,但是这里使用iframe来加载,相当于直接触发资源加载。 注意,使用创建audio标签并让其加载的方式是不可行的。 慎用这种方法,会对用户造成很糟糕的影响。。
转自https://github.com/jtyjty99999/mobileTech
相关文章推荐
- html5在 Android / IOS上不能自动播放音乐或视频
- IOS自动播放音频/视频
- iOS 微信 音频 视频自动播放
- iOS 微信 音频 视频自动播放
- android 如何播放IOS设备录制的AAC音频文件
- Html5 在 Android/IOS 浏览器不自动播放视频
- H5-video1 iOS苹果和微信中音频和视频实现自动播放的方法
- IOS自动播放音频/视频
- ios 音频录音、上传至7牛、播放及其与android兼容的问题
- 如何使你的网页视频自动播放嵌入的<iframe>视频
- Android Recyclerview列表自动播放视频
- 微信Android自动播放视频(可交互,设置层级,无控制条,非X5)ffmpeg,jsmpeg.js,.ts视频
- cocos2d-x lua 播放视频,VideoPlayer在Android和IOS下的坑,
- iOS 音视频开发:Audio Unit播放FFmpeg解码的音频
- Android MediaPlayer播放音频与视频
- android、电脑可以播放.mp4的视频,ios无法播放解决办法
- ios系统下不能自动播放视频
- iOS:自定义图片/视频/音频采集播放,相册,图片编辑
- iOS WKWebView 退出后停止播放音频/视频
- [置顶] 基于iOS的网络音视频实时传输系统(六)- AudioQueue播放音频,OpenGL渲染显示图像