Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 启动全屏视频“;onclick";外部按钮_Javascript_Jquery_Html_Video Player - Fatal编程技术网

Javascript 启动全屏视频“;onclick";外部按钮

Javascript 启动全屏视频“;onclick";外部按钮,javascript,jquery,html,video-player,Javascript,Jquery,Html,Video Player,我有一个html5视频播放器和我自己的视频。 我希望当我单击按钮或图像(任何内容)时,我的播放器显示()并像单击控制按钮一样全屏放大 我试过这个和其他常见的东西: $(function () { $("h1").click(function () { $("#video-test").requestFullscreen(); $("#video-test").msRequestFullscreen();

我有一个html5视频播放器和我自己的视频。 我希望当我单击按钮或图像(任何内容)时,我的播放器显示()并像单击控制按钮一样全屏放大

我试过这个和其他常见的东西:

$(function () {
            $("h1").click(function () {
                $("#video-test").requestFullscreen();
                $("#video-test").msRequestFullscreen();
                $("#video-test").mozRequestFullscreen();
                $("#video-test").webkitRequestFullscreen();
                $("#video-test").addClass('fullscreen').html("&#61541");
                $("i").addClass('fullscreen').html("&#61541");
            });
        });
但它没有给我任何回报。“$(..).requestFullscreen()不是函数”

有什么想法吗?


<video id="videoplay" controls="controls" autoplay="autoplay"> 
    <source src=small.mp4 type=video/mp4>
    <source src=small.3gp type=video/3gp>
    <source src=small.webm type=video/webm> 
    <source src=small.ogv type=video/ogg> 
</video>
<script type="text/javascript">
var myVideo = document.getElementById('videoplay');
myVideo.addEventListener('click', function () {
if (myVideo.paused) {
    if (myVideo.requestFullscreen) {
        myVideo.requestFullscreen();
    }
    else if (myVideo.msRequestFullscreen) {
        myVideo.msRequestFullscreen();
    }
    else if (myVideo.mozRequestFullScreen) {
        myVideo.mozRequestFullScreen();
    }
    else if (myVideo.webkitRequestFullScreen) {
        myVideo.webkitRequestFullScreen();
    }
    myVideo.play();
}
else {
    myVideo.pause();
}
}, false);
</script>
var myVideo=document.getElementById('videoplay'); myVideo.addEventListener('click',函数(){ 如果(myVideo.paused){ if(myVideo.requestFullscreen){ myVideo.requestFullscreen(); } else if(myVideo.msRequestFullscreen){ myVideo.msRequestFullscreen(); } else if(myVideo.mozRequestFullScreen){ myVideo.mozRequestFullScreen(); } else if(myVideo.webkitRequestFullScreen){ myVideo.webkitRequestFullScreen(); } myVideo.play(); } 否则{ myVideo.pause(); } },假);
非常相似的jQuery没有任何
requestFullscreen
方法,很抱歉我“尝试”了你在帖子中所说的内容,但我不理解它的相似之处-它是如何工作的,我无法为我做到这一点。如果你能对我的问题说得更具体一点(点击会产生全屏模式),这将是值得注意的:)我不太擅长原生JS和视频播放器操作可能只有一个
requestFullscreen
变体,你必须测试哪一个可用,并且只使用那个。