Question

我正在制作一个jQuery网站，我有一个视频作为背景。当有人点击div时，我希望视频开始播放几秒钟;然后再次暂停。

我现在有了这个代码：但是当我打开页面时它会直接播放。

jQuery的：

 $('#left').click(function () {
     $('#left').animate({
         width: '100%'
     }, 1000);
     $('#right').animate({
         width: '0%',
     }, 1000);
     $("#left").css("cursor", "auto");
     $("#right").css("cursor", "pointer");
     $('#videot').get(0).play();
 });

HTML：

<video preload="auto" class="videot" id="videot" height="100%" autoplay loop preload>
    <source src="BESTANDEN/film.mp4" type="video/mp4" >
    <source src="videos/clouds.ogg" type="video/ogg" >
    <source src="videos/clouds.webm" type="video/webm" >
    <object data="film.mp4" height="1080">
        <param name="wmode" value="transparent">
        <param name="autoplay" value="true" >
        <param name="loop" value="true" >
    </object>
</video>

Answer 1

设置autoplay值false

<param name="autoplay" value="false" >或将其删除

<video preload="auto" class="videot" id="videot" height="100%" autoplay loop preload>
    <source src="BESTANDEN/film.mp4" type="video/mp4" >
    <source src="videos/clouds.ogg" type="video/ogg" >
    <source src="videos/clouds.webm" type="video/webm" >
    <object data="film.mp4" height="1080">
        <param name="wmode" value="transparent">
        <param name="autoplay" value="false" ><!-- set false or remove it -->
        <param name="loop" value="true" >
    </object>
</video>

点击jquery播放视频

1 个答案: