youtube视频在移动浏览器上的问题
Issues with youtube video on mobile browser
我有一个包含youtube视频的嵌入标签。
但是在移动浏览器上不能播放,因为它说需要flash。
我使用的是HTML而不是HTML 5,因为我的应用程序也应该支持IE 8。
我浏览了一些很棒的JQuery解决方案,但只有基于HTML5的JQuery解决方案
有人能给我建议一个好的解决方案,让我的youtube视频在IE8+, Chrome, FF+和移动浏览器中播放。
youtube默认提供的嵌入代码将适用于HTML5浏览器(手机)以及需要flash的旧浏览器:http://jsfiddle.net/austinpray/G5GhH/1
<iframe width="560" height="315" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
通过查看iframe的代码,我可以看出,这段代码嗅探了浏览器可以播放的功能,并显示了最有效的功能。如果你的浏览器有flash功能,它会使用flash,如果flash不可用,它默认使用HTML 5。我对它进行了测试,它在iphone和安卓手机上都能运行。这是Youtube的支持文档
相关文章:
- 在循环中附加事件处理程序时出现浏览器性能问题
- Node.js服务器问题-已添加“/"在浏览器中查找文件时
- 将HTML表单发布到iframe会导致浏览器历史记录出现问题
- 跨浏览器问题:如何调试我的网站'在windows PC的safari上的行为
- 用户使用浏览器时SPA中的问题's的后退或刷新功能
- Angularjs ng-options 问题仅适用于 Chrome 浏览器
- 在手持/智能设备上使用不同浏览器时的屏幕宽度问题
- DOM 操作、向后兼容性和跨浏览器问题
- 浏览器后退按钮禁用问题
- 这是HTML5和javascript的浏览器问题吗
- Safari浏览器返回按钮问题
- 移动safari浏览器的滚动问题
- IE-9面临浏览器兼容性问题
- 问题以在webkit浏览器中对数组进行排序
- 浏览器之间的Javascript日期问题
- Rails 4.0.1 JavaScript资产管道-跨浏览器支持-加载问题
- webkit浏览器中的复选框问题
- 粘性导航-JS Waypoints在浏览器调整大小时出现自定义粘性导航问题
- Ipad的safari浏览器中window.showModalDialog()的兼容性问题
- Internet Explorer浏览器问题:浏览器不提交POST数据与Ajax请求,服务器/客户端挂起