gotovideo.js 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. $(".video-img").click(function () {
  2. var videosrc = $(this).data("info");
  3. $('.youtube-video').attr('src', `https://www.youtube.com/embed//${videosrc}?autoplay=1`);
  4. });
  5. $(".btn-close").click(function () {
  6. $('.youtube-video').attr('src', ``);
  7. });
  8. $('#exampleModal').on('hidden.bs.modal', function () {
  9. $('.youtube-video').attr('src', ``);
  10. });
  11. // $('.play-video').click(function(){
  12. // $('.youtube-video')[0].contentWindow.postMessage('{"event":"command","func":"' + 'playVideo' + '","args":""}', '*');
  13. // });
  14. // function autoPlayYouTubeModal() {
  15. // var trigger = $("body").find('[data-toggle="modal"]');
  16. // trigger.click(function () {
  17. // var theModal = $(this).data("target"),
  18. // videoSRC = $(this).attr("data-theVideo"),
  19. // videoSRCauto = videoSRC + "?autoplay=1";
  20. // $(theModal + ' iframe').attr('src', videoSRCauto);
  21. // $(theModal + ' button.close').click(function () {
  22. // $(theModal + ' iframe').attr('src', videoSRC);
  23. // });
  24. // });
  25. // }
  26. // $(document).on("click", ".btn-close", function (event) {
  27. // $('.youtube-video').each(function () {
  28. // this.contentWindow.postMessage('{"event": "command", "func": "stopVideo", "args": ""}', '*');
  29. // });
  30. // console.log('stop');
  31. // });
  32. // $(document).on("click", "#exampleModal", function (event) {
  33. // $('.youtube-video').each(function () {
  34. // this.contentWindow.postMessage('{"event": "command", "func": "stopVideo", "args": ""}', '*');
  35. // });
  36. // });