使用 $("#id").play () 对 video 无法进行播放控制,并且提示 “$(...).play is not function” 错误的解决方法

jquery tytrock ⋅ 于 2018-01-20 11:44:02 ⋅ 4044 阅读

HTML代码:

<video id="video" src="v.mp4" controls="controls"></video>

JS代码:

$("#video").play();

发现无法控制视频的播放,并且报错“$(...).play is not function”


原因是使用的是jquery选择器,所以返回的是jquery对象而非dom对象,而jquery对象是没有play()方法的,要么将jquery对象转换成dom对象,要么使用源生选择器document.getElementById


解决方法:
$("#video")[0].play();
//或
document.getElementById("video").play();


 


回复数量: 0
    暂无评论~~
    • 请注意单词拼写,以及中英文排版,参考此页
    • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`, 更多语法请见这里 Markdown 语法
    • 支持表情,使用方法请见 Emoji 自动补全来咯,可用的 Emoji 请见 :metal: :point_right: Emoji 列表 :star: :sparkles:
    • 上传图片, 支持拖拽和剪切板黏贴上传, 格式限制 - jpg, png, gif
    • 发布框支持本地存储功能,会在内容变更时保存,「提交」按钮点击时清空
    Ctrl+Enter