根据iPad的方向更改html5视频标签的src

编码用于iPad Mobile Safari的HTML5页面，该标签包含用于嵌入视频文件的标签。使用CSS3媒体查询来确定iPad的方向，这很好。根据iPad的方向更改html5视频标签的src

现在需要根据方向更改视频标签的src。换句话说，有两个视频，一个大小适合在横向视图中工作，另一个在纵向视图中工作。

有关如何解决此问题的任何建议？我相信这很简单，但我似乎无法让它工作。

2011-10-21 jtabata

我只是在使用javascript插入视频标签后，查看文档宽度并找出方向。

2011-10-21 15:23:07 RoyalFool

感谢您的回复。我已经尝试过，使用本教程http://www.devinrolsen.com/javascript-mobile-orientation-detection/ 但是，当我旋转iPad它确实改变了视频的来源，但没有重新加载'的页面，因此你得到一个只有视频的白色背景页面。 – jtabata

好的，您可以使用 - （void）viewWillLayoutSubviews函数在方向更改时触发操作，尝试将页面重新加载。 – RoyalFool

根据iPad的方向更改html5视频标签的src

回答

相关问题