首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >播放其他视频时停止视频

播放其他视频时停止视频
EN

Stack Overflow用户
提问于 2019-01-26 15:30:02
回答 2查看 2.2K关注 0票数 1

在我的页面中,我有许多视频,当我在HTML5中播放另一个视频时,我想停止该视频。

代码语言:javascript
运行
复制
<?php

$result = "SELECT data from events_gallery where `events_id`='$id'";
$query = mysqli_query($db, $result);
$rows = mysqli_num_rows($query);

if($rows > 0){
while ($res = mysqli_fetch_array($query)) {
    $image = $res['data'];
}
?>
<div class="item active">
    <video controls="controls" playsinline width="180" height="300">
        <source src="images/video.mp4" type="video/mp4">
        <p>Video is not Supporting</p>
    </video>
</div>
<?php
}
?>
EN

Stack Overflow用户

发布于 2019-01-26 16:09:13

您应该依靠HTML5视频接口来控制您的视频。这是一个很好的起点:https://www.html5rocks.com/en/tutorials/video/basics

我在你的代码中看不到如何加载所有视频,但第一次尝试可能是在播放视频之前停止所有视频:

代码语言:javascript
运行
复制
$(document).ready(function(){
    // Add an eventlistener to all videos to detect when they start playing.
    $("video").each(function(){
        var video = $(this)[0];
        video.addEventListener("playing", function() {
            // Stop all other videos.
            $("video").each(function(){
                if($(this)[0] != video)
                    video.pause(); 
            });
        }, true);
     );
  }
});
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54376507

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档