Quiero llamar a un video en consulta ajax, funciona pero no correctamente (carece de los botones de control del reproductor de video)
Aquí está mi código 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); } }); ¡Carece de los botones de control del reproductor de video!
Tengo una prueba para agregar un jugador con URL codificada y funciona (a la derecha en la imagen)...
Entonces, ¿supongo que no puedo cargar el reproductor html5 desde javascript?
Puede agregar atributos de controls a la etiqueta de video como <video controls></video> . Para obtener más información, lea acercade la etiqueta de video .