HTML 5 видео тег проблема в IOS 4+

Question

Я занимаюсь разработкой сайта, ориентированного на webkit (android и iphone). Поскольку webkit поддерживает HTML-тег видео 5, я решил использовать этот тег для воспроизведения видео. Из-за проблем с дизайном я не могу показать заполнитель видео на странице. Дизайн требует кнопку воспроизведения на странице, которая при нажатии запускает воспроизведение видео в полноэкранном режиме. Поэтому я решил установить ширину и высоту элемента видео на ноль, чтобы скрыть элемент управления и использовать javascript для воспроизведения видео. Вот мой код

<a href="#" onclick="playVideo()">Play Video</a>
<video id="myVideo" src=""></video>
<script type="text/javascript">
function playVideo()
{
                var video = document.getElementById("myVideo");
                try {
                    if (video)
                        video.play();
                    else
                        alert("video control not found");
                } catch (error) { alert(error); }
}
</script>

. Так что все хорошо, и он прекрасно работает в Android и Iphone / Ipod до IOS 4+ В Iphone 4. Нажатие на ссылку выполняет функцию playVideo, но не воспроизводит видео и не выдает ошибку.

Может кто-нибудь сказать мне, W