Javascript 在调整窗口大小时暂停/停止或删除HTML5视频

我目前有一个响应HTML横幅，里面有视频（利用视频标签）。我的单位是响应，因为整个事情将规模，所以将视频。我有一个断点设置，当窗口关闭到820px以下时打开新的div。这是通过

 @media (max-width:820px) {

//css is here
}

我想包括jquery的javascript，当达到这个大小时，它也会删除或暂停视频，这样视频就不会继续在看不见的地方播放。我的简单回答是：

  .ad_div2
 {
 display:none;
 }

视频元素所在的位置只是隐藏了该div，但您仍然可以听到视频在后台播放

我已经尝试了一些方法，但不确定我的设置是否正确

 <script>
 var parent=document.getElementById("div1");
 var child=document.getElementById("p1");
 parent.removeChild(child);
 </script>

var parent=document.getElementById（“div1”）；
var child=document.getElementById（“p1”）；
父母。removeChild（子女）；

（使用我合适的id名称）而我的@media标签中没有这样做-可能我把它放错了位置，或者它不是我所需要的

---

我们将一如既往地非常感谢您的任何帮助。谢谢

此jQuery函数调用将事件处理程序添加到窗口的resize函数中，然后停止并隐藏视频

$(document).ready(function () {
    $(window).resize(function () {
        if ($(this).width() < 820)
            $(videoSelector)[0].pause().css({display:'none'});
    });
});

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
if（$（this）.width（）<820）
$（videoSelector）[0].pause（）.css（{display:'none}）；
});
});

您需要在窗口调整大小事件中添加一个侦听器

$(function() {
    var videoElement = document.getElementById('yourVideoID'),
        $window      = $(window);

    $window.resize(function() {
        var windowWidth = $window.width();

        if (windowWidth < 820 && !videoElement.paused) {
            videoElement.pause();
        }
        else if (windowWidth >= 820 && videoElement.paused) {
            videoElement.play();
        }
    });
});

$（函数（）{
var videoElement=document.getElementById（'yourVideoID'），
$window=$（window）；
$window.resize（函数（）{
var windowWidth=$window.width（）；
if（窗口宽度<820&！videoElement.暂停）{
videoElement.pause（）；
}
else if（windowWidth>=820&&videoElement.暂停）{
videoElement.play（）；
}
});
});

---

基本上，当窗口宽度低于

820px

时，如果当前未暂停，请暂停视频。当窗口大小为820px时，我添加了一些额外的功能来播放它。您是否尝试过使用

$（“#videoId”）.remove（）

？感谢您的回复。这个脚本将放在哪里？在标题标签中？在元素旁边的my@media或inline下？将其放置在您的文件夹中。请阅读该页了解详细信息和示例。谢谢您的回答。你能告诉我这个脚本放在哪里吗？我尝试将其放在标题中，然后放在带有标记的视频标记旁边的html中，但两个答案似乎都不起作用。您需要将jquery函数包装在

$（文档）中。准备好了
事件处理程序，它们才能工作。现在在任何一个位置都可以试试。我试过：
code
code.jquery.com/jquery-1.9.1.js“>$（document.ready（函数（）{$（文档）.ready（函数（）{$（窗口）.resize（函数（）{if（$（this.width（）<820）$（视频选择器）[0].pause（）.css（{显示：'none'}）；}）；}）；
code
但似乎不起作用。因此，如果这在您的“头脑”中，您可能对
后面的分号有问题