我正在寻找一种在模式弹出窗口中动态显示视频的方法,而不嵌入到 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">×</span></button>
<video controls>
<source src="" …Run Code Online (Sandbox Code Playgroud)我正在尝试创建一个页面,您可以在其中阅读一些文本并单击您阅读完毕后所获得的单词.然后代码应该能够计算读取的单词数量.
我举了一个例子
- 说我已达到'某些'这个词,并想要计算单词的数量
到目前为止,我认为最好的方法是在每个元素周围制作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)