海報圖片點擊播放視頻但播放器播放按鈕不起作用

我在我們的網站上播放以下代碼來播放HTML5視頻，並且在所有瀏覽器中播放完美。這是我的html代碼海報圖片點擊播放視頻但播放器播放按鈕不起作用

<video id="video_1" onclick="this.play();" class="video-js vjs-default-skin" controls preload="" width="100%" height="100%" 
      poster="<?php echo get_field('video_image');?>"> 
     <source src="<?php echo get_field('video_url_mp4');?>" type='video/mp4'/> 
     <source src="<?php echo get_field('video_url_webm');?>" type='video/webm'/> 
     <source src="<?php echo get_field('video_url_ogg');?>" type='video/ogg' /> 
     <source src="<?php echo get_field('video_url_flv');?>" type='video/flv' /> 
    </video>

這裏是我的腳本代碼

var video = document.getElementById('video_1');video.addEventListener('click',function(){video.play();},false);

我的問題是，視頻播放器播放按鈕不工作。播放視頻時，只播放僅限視頻的海報圖片。我怎麼能解決這個問題，請嘗試幫助我..

來源

2014-01-05 user3162315

HTML： -

<div id="video_cotainer"> 
    <video id="video_1" class="video-js vjs-default-skin" controls="controls" preload="none" width="100%" height="100%" poster="<?php echo get_field('video_image');?>"> 
      <source src="<?php echo get_field('video_url_mp4');?>" type='video/mp4'/> 
      <source src="<?php echo get_field('video_url_webm');?>" type='video/webm'/> 
      <source src="<?php echo get_field('video_url_ogg');?>" type='video/ogg' /> 
      <source src="<?php echo get_field('video_url_flv');?>" type='video/flv' /> 
    </video> 
</div>

腳本： -

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
    jQuery(document).ready(function($){ 
     $('#video_cotainer').click(function(){ 
      $('#video_1').get(0).play(); 
      $('#video_cotainer').unbind('click'); 
     }); 
    }); 
</script>

來源

2014-01-05 11:55:46

已經你已經使用視頻控件，那麼爲什麼要使用JavaScript ，該視頻標籤控件屬性對於播放/暫停視頻來說是本地的。

Example

卡菲基恩溼婆

來源

2014-01-07 05:53:11 sivakarthik

海報圖片點擊播放視頻但播放器播放按鈕不起作用

回答

相關問題