2017-03-11 34 views
4

でHTML5ビデオの私はAjaxのクエリでビデオを呼びたい、それが動作しなくcorectly(これは、ビデオプレーヤーのコントロールボタンを欠い)
ここでは私のAjaxコードです:AJAX呼び出し

$.ajax({ 
    context: document.body, 
    url: "/?get=json&act=video", 
    type: "get", 
    success: function(html) { 
      // console.log(JSON.parse(html)); 
      var a = JSON.parse(html); 
      var returnVideo = ""; 
      a.forEach(function(element) { 
      console.log(element); 

      returnVideo += ' <div class="uk-card uk-card-hover uk-card-default">'; 
      returnVideo += '  <div class="uk-card-media-top">'; 
      returnVideo += ' <video width="" height="">'; 
      returnVideo += '  <source src="'+element.gameClipUris[0].uri+'" type="video/mp4">'; 
      returnVideo += ' </video>'; 
      returnVideo += '  </div>';  
      returnVideo += ' </div><br />'; 

      }); 
      $('#loading').hide("slow"); 
      $('#retourForm').append(returnVideo); 
     } 
}); 

出力: enter image description here

ビデオプレーヤーのコントロールボタンがありません!
私はハードコードされたURLにプレーヤーを追加するためのテストを持っており、それが(右の画像に)働く ...

enter image description here

は、だから、私はJavaScriptからHTML5プレーヤーを読み込むことができないと思いますか?

答えて

1

タグにcontrolsという属性を追加することができます。<video controls></video>などです。詳細はvideo tagを参照してください。

+0

完璧!ありがとう – Julien

+1

@Julien喜んで助けて! – Gaurav