使用jQuery在Dom Load上自动播放HTML5视频

前端之家收集整理的这篇文章主要介绍了使用jQuery在Dom Load上自动播放HTML5视频前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用jQuery加载dom时播放视频.这是我的代码

HTML

<video id="video" width="420">
  <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  <p>Your browser does not support HTML5 video.</p>
</video>

JS(script.js)

$(document).ready(function() {
  $(#video).play();
});

当你加载视频时,视频无法播放,我哪里出错了?提前致谢.

解决方法

jQuery选择器$(“#video”)返回一个jQuery对象.由于play()是DOM元素的函数,因此必须使用以下内容获取DOM元素:
$("#video").get(0);

在使用.play()方法之前:

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

编辑:您也可以使用HTML5选择的标签,以防jQuery回退.请注意自动播放标记.

<video controls="controls" autoplay="autoplay" loop="loop"
width="233" height="147" poster="//www.cdn.com//video.png"
preload="auto" title="Video">
    <source src="//www.cdn.com/video.mp4" type="video/mp4"/>
    <source src="//www.cdn.com/video.ogv" type="video/ogv"/>
    <source src="//www.cdn.com/video.webm" type="video/webm"/>
</video>
原文链接:https://www.f2er.com/jquery/241605.html

猜你在找的jQuery相关文章