小编Mar*_*rth的帖子

以模态显示视频

我正在寻找一种在模式弹出窗口中动态显示视频的方法,而不嵌入到 YouTube 中。

$(function() {
  $(".video").click(function () {
    var theModal = $(this).data("target"),
        videoSRC = $(this).attr("data-video"),
        videoSRCauto = videoSRC + "";
    $(theModal + ' source').attr('src', videoSRCauto);
    $(theModal + ' button.close').click(function () {
      $(theModal + ' source').attr('src', videoSRC);
    });
  });
});
Run Code Online (Sandbox Code Playgroud)
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>

<button class="btn btn-lg video" data-video="https://clienti.dk/media/1140/friheden-video.mp4" data-toggle="modal" data-target="#videoModal">Play Video</button>

  <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-body">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <video controls>
            <source src="" …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery html5-video bootstrap-modal

2
推荐指数
1
解决办法
3万
查看次数

点击一下计算单词数量

我正在尝试创建一个页面,您可以在其中阅读一些文本并单击您阅读完毕后所获得的单词.然后代码应该能够计算读取的单词数量.

我举了一个例子

在此输入图像描述

- 说我已达到'某些'这个词,并想要计算单词的数量

到目前为止,我认为最好的方法是在每个元素周围制作span标签,然后从那里算出来.但我现在有点卡住了.任何的想法?

var words = $("p").text().split(" ");
$("p").empty();
$.each(words, function(i, v) {
    $("p").append($("<span class='newclass'>").text(v));
});
Run Code Online (Sandbox Code Playgroud)

这是小提琴,不介意造型

html javascript jquery

1
推荐指数
1
解决办法
72
查看次数

标签 统计

html ×2

javascript ×2

jquery ×2

bootstrap-modal ×1

html5-video ×1