我正在尝试在iPad上启动全屏视频,用户可以在iPad上触摸图像,视频将启动全屏。
我已经成功了,但是我必须停止使用jQuery。
$(function(){
// hide video and button until we know they're loaded
$("#myVideo").css({'visibility' : 'hidden', 'display' : 'none'});
$("#fs").css({'visibility' : 'hidden'});
// video is loaded
$("#myVideo").bind('loadedmetadata', function () {
// show button to launch video
$("#fs").css({'visibility' : 'visible'});
});
// extend button functionality
$('#fs').bind('click', function() {
// display the video
$("#myVideo").css({'visibility' : 'visible', 'display' : 'block'});
// launch the video fullscreen
$("#myVideo").webkitEnterFullscreen();
});
});
点击最后返回
Uncaught TypeError: Object [object Object] has no method 'webkitEnterFullscreen'
但是,当我将绑定/单击更改为:
// extend button functionality
$('#fs').bind('click', function() {
// display the video
$("#myVideo").css({'visibility' : 'visible', 'display' : 'block'});
// launch the video fullscreen
var vid = document.getElementById("myVideo");
vid.webkitEnterFullscreen();
});
然后它就可以正常工作了。我的jQuery怎么了?
最佳答案
据我所知,问题在于jQuery选择器返回一个包含在jQuery对象中的匹配元素数组。其中一个选项是$('#myVideo')[0].webkitEnterFullscreen();
,但通常每次引起DOM搜索时,只应运行一次选择器。
相关答案:https://stackoverflow.com/a/4070010/701062
关于jquery - 使用jQuery和webkitEnterFullscreen(),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9486329/