Mam następujący kod HTML:

<code><span id="video-teaser">
    <span>Click here for a <strong>FREE</strong> hot video</span>
    <video src="http://example.com/videos/nakednews.mp4" controls="" poster="http://example.com//img/iphone-video-btn.png" id="videoTeaser" height="1"></video>
</span>
</code>

Próbowałem wymyślić dwa rozwiązania .. użyj javascript addlistener..i uruchom wideo po jego naciśnięciu.

<code>     <script type="text/javascript">
            var video = document.getElementById('videoTeaser');
            var elementToTrigger=document.getElementById('video-teaser');
                    elementToTrigger.addEventListener('click',function(){
                    video.play();
                    },false);
      </script>
</code>

Oba rozwiązania nie działają. Sam film działa, gdy klikam na rozpiętość wideo, w wersji PC strony.

Jakie może być rozwiązanie tego problemu?