JQuery 点击显示时自动播放视频

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

和控件属性：
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 对象。