当我使用FitVids.js在Twitter Bootstrap 容器中嵌入100 Riffs(摇滚简史)以进行响应式调整大小时:
<div class="span12" id="video">
<iframe src="https://player.vimeo.com/video/43426940?title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p class="text-center">Isn't the placeholder video awesome?</p>
</div>
它在桌面上运行良好,但在 Android(CM 10.1 Nightly,Android 4.2.2)浏览器上运行异常:
- Google Chrome - 音频播放开始,但视频播放没有
- Mozilla Firefox - 音频和视频播放不启动
然而,该播放器在 Vimeo 自己的移动网站上运行良好。我究竟做错了什么?