我有一个默认隐藏的wistia视频和一个自定义播放按钮,点击该按钮后,我不仅希望视频出现并开始播放,而且希望它直接进入全屏模式。浏览他们的JavaScript API,我没有看到将其置于全屏模式的选项。我只看到了允许它处于全屏模式的选项。是否有一种方法可以实现这一点,或者用户必须实际点击视频播放器中的全屏按钮才能发生这种情况?
在设置wistia视频为播放模式后,您只需查找视频标签即可。在他们的文档中,没有其他解决方案。
请看:
// get wistia video object through their api
var wistiaVideo = Wistia.api('your video id');
$('#your-custom-play-button').on('click', function() {
wistiaVideo.play();
// now just look for video tag inside wistia video container
var video = $('.your-video-container').find('video')[0];
// check whether your browser has ability to run it in fullscreen mode
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.mozRequestFullScreen) {
video.mozRequestFullScreen();
} else if (video.webkitRequestFullscreen) {
video.webkitRequestFullscreen();
} else if (video.webkitEnterFullscreen) {
video.webkitEnterFullscreen();
}
});