Question

我在导航面板上使用JQuery，该面板用作点击显示/隐藏。在“关于”面板上是一个小的html5视频，我想在点击显示时自动启动并在点击隐藏时停止视频。 “关于”面板的ID为：

<div class="panel2">

面板如何运作的示例代码：

$(document).ready(function(){
$(".triggerso").click(function(){
    $(this).hide();
    $(".panelso").show("fast");
    $('.panelso').click(function(){ 
    $(this).hide();
    $('.triggerso').show("fast"); });
    $(".panel").hide("slow");
    $(".panel1").hide("slow");
    $(".panel2").hide("slow");
    $(".panel3").hide("slow");
    return false;
});
});

非常感谢你的帮助。

安德烈

Answer 1

见这个：
http://www.w3.org/TR/html5/video.html#video

和controls属性：
http://www.w3.org/TR/html5/video.html#attr-media-controls

可能是媒体方法“.play（）”和“.pause（）”会帮助你

这样的事情：

var video = $("#myvideo")[0]; // id or class of your <video> tag
if (video.paused) {
    video.play();
}

“[0]”是获取html元素而不是jQuery对象。

点击显示JQuery自动播放视频

1 个答案: