订阅确认是否必需?

时间:2016-08-14 00:21:01

标签: javascript video

我想制作一个视频网站。用户可以在哪里播放视频。但问题是,当用户想要播放他们需要订阅我的YouTube频道的视频时,他们就可以播放视频。当用户点击播放视频时,我做了一个模态,模态将要求订阅我的频道。现在我需要当用户订阅我的频道时,他们将重定向到视频页面,他们可以播放视频。

任何人都可以帮助我...

html代码在这里

<h2>Bottom Modal</h2>
<!-- Trigger/Open The Modal -->

<button id="myBtn">Open Modal</button>

<!-- The Modal -->

<div id="myModal" class="modal">
<!-- Modal content -->
 <div class="modal-content">
  <div class="modal-header">
   <h2>Modal Header</h2>
  </div>
  <div class="modal-body">
   <h2>Verify By Subscribing Us</h2>
   <button onclick="myFunction()">Subscribe</button><br><br>
  </div>
  <div class="modal-footer">
   <input type="submit" value="Confirm Subscription" class="confirm">
  </div>
 </div>

</div>

模态js代码在这里

// Get the modalM
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("confirm")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
    modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
        modal.style.display = "none";
    }
}
function myFunction() {
    var myWindow = window.open("https://www.youtube.com/channel/UCODLiqqTQZcQxiBLNeeFqDw?sub_confirmation=1", "MsgWindow", "width=600,height=800");
}

0 个答案:

没有答案