使用jQuery创建一个新的html5video对象

如何使用jQuery创建video元素，并将其属性（如control）添加到true（ ），添加和删除video源（ <source src='http://somesite.com/somevideo.mp4' ），等等？

我想在加载之前设置它的所有选项（如自动播放，真或假等）

我尝试了这个没有成功（它适用于图像，但不适用于video）：

 $( document ).ready(function() { var photo = $('', { id: 'photo', src: 'http://lorempixel.com/400/200/city/', alt: '' }); photo.appendTo($('#gallery')); var video = document.createElement('video'); alert( video.toSource() ); //For testing video.id = 'video'; video.source.src = 'http://video-js.zencoder.com/oceans-clip.mp4'; video.type = 'video/mp4'; video.control = true; video.appendTo($('#gallery')); }); 

jsFiddle： https ：//jsfiddle.net/9cnaz3ju/1/

Answer 1

像这样：

 var video = $('', { id: 'video', src: 'http://video-js.zencoder.com/oceans-clip.mp4', type: 'video/mp4', controls: true }); video.appendTo($('#gallery')); 

jsFiddle示例

  var photo = $('', { id: 'photo', src: 'http://lorempixel.com/400/200/city/', alt: '' }); photo.appendTo($('#gallery')); var video = $('', { id: 'video', src: 'http://video-js.zencoder.com/oceans-clip.mp4', type: 'video/mp4', controls: true }); video.appendTo($('#gallery'));