jquery 播放/暂停替换文本和恢复文本

发布于 2024-12-18 10:35:03 字数 361 浏览 1 评论 0原文

到目前为止我在这里尝试过http://jsfiddle.net/yusaf /VVEY9/26/

我在暂停和播放替换和恢复时遇到问题

  1. 如何在页面加载时隐藏 .pause
  2. .play.play 时, 单击替换单击 .pause
  3. 时带有 .pause 元素的元素将恢复为 .play 元素

what I have tried so far here : http://jsfiddle.net/yusaf/VVEY9/26/

I have a problem with my pause and play replacing and reverting

  1. How can I have the .pause hidden on page load
  2. when .play is clicked replace the element with the .pause element
  3. when .pause is clicked revert to .play element

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

早乙女 2024-12-25 10:35:03

你可以这样做:

$(document).ready(function(){
 var obj = $('object')
     .wrap('<div id="test"></div>')
     .find('embed').attr('src', function(i,s){return s+'&enablejsapi=1&version=3'}).end()
     .find('param[name=movie]').attr('value', function(i,v){return v+'&enablejsapi=1&version=3'}).end()
     .detach()
     .appendTo($('#test'));

 $('.play').click(function(){
  obj.find('embed')[0].playVideo();
 });
 $('.pause').click(function(){
  obj.find('embed')[0].pauseVideo();
 })

 $('.pause').hide();
});

$(".play").click(function () {
  $(this).hide();
  $('.pause').show();
});

$(".pause").click(function () {
  $(this).hide();
  $('.play').show();
});

You could do something like this:

$(document).ready(function(){
 var obj = $('object')
     .wrap('<div id="test"></div>')
     .find('embed').attr('src', function(i,s){return s+'&enablejsapi=1&version=3'}).end()
     .find('param[name=movie]').attr('value', function(i,v){return v+'&enablejsapi=1&version=3'}).end()
     .detach()
     .appendTo($('#test'));

 $('.play').click(function(){
  obj.find('embed')[0].playVideo();
 });
 $('.pause').click(function(){
  obj.find('embed')[0].pauseVideo();
 })

 $('.pause').hide();
});

$(".play").click(function () {
  $(this).hide();
  $('.pause').show();
});

$(".pause").click(function () {
  $(this).hide();
  $('.play').show();
});
熊抱啵儿 2024-12-25 10:35:03

您可以在这里找到更正:

http://jsfiddle.net/VVEY9/52/

您可以删除最后两个“点击”功能。

You can find the correction here :

http://jsfiddle.net/VVEY9/52/

You can remove the two last "click" functions.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文