Question

如何使用jQuery创建视频元素，并将其属性（如控件）添加到true（$( document ).ready(function() { var photo = $('<img />', { 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')); });），添加和删除视频源（{{1}}）等？

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

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

{{1}}

jsFiddle：CreateImmutableBinding(N)

Answer 1

像这样：

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

<强> jsFiddle example

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="gallery"></div>

＆＃13;

只需遵循与图片元素相同的基本格式。

使用jQuery创建一个新的html5视频对象

1 个答案: