如何使用 jQuery 创建视频元素,并将其属性(例如 control)添加到 true (<video control>
),添加和删除视频源(<source src='http://somesite.com/somevideo.mp4'
), etc?
我想在加载之前设置所有选项(如自动播放、true 或 false 等)
我尝试过但没有成功(它适用于图像,但不适用于视频):
$( 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'));
});
js小提琴:https://jsfiddle.net/9cnaz3ju/1/ https://jsfiddle.net/9cnaz3ju/1/
像这样:
var video = $('<video />', {
id: 'video',
src: 'http://video-js.zencoder.com/oceans-clip.mp4',
type: 'video/mp4',
controls: true
});
video.appendTo($('#gallery'));
jsFiddle 示例 https://jsfiddle.net/j08691/9cnaz3ju/2/
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'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="gallery"></div>
只需遵循与图像元素相同的基本格式即可。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)