javascript - 如何仅在用户登录时播放 html5 视频？

Question

我在带有预览图像的页面中列出视频。 当我点击播放按钮时，只有在用户登录网站时才会播放。否则，用户应该被重定向到登录页面。 即使用户未登录，我也想显示所有带有预览图像的视频。因此，如果用户未登录，则跳过视频标签不是解决方案。

网站是用php开发的，所以需要一个使用php的解决方案。 提前致谢。

Answer 1

你可以用 AJAX 做到这一点:

首先创建一个 jquery 方法来捕获播放点击事件并调用一个 PHP 页面传递一个参数，这意味着您点击了播放按钮:

$('#video').on('click', function(){
    var params = {playpauseclicked= true};
    // AJAX with post method
    $.post('isLogged.ajax.php', params, function(data){
        if( ! data.logged)
            //Redirect to login Page
            window.location.href = "loginPage.php";
    });
});

isLogged.ajax.php 页面必须使用 $_REQUEST['logged'] 获取值，然后:

<?php if (isset($_REQUEST['logged']) && $_REQUEST['playpauseclicked'] == true) {
    if(isset($_POST['logged']) && $_SESSION['loggedin'])
        echo( json_encode( $loggedin = true) );
    else
        echo(json_enconde($loggedin = false) );
?>