javascript-在iPad和Android平板电脑上强制全屏HTML5视频播放?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-在iPad和Android平板电脑上强制全屏HTML5视频播放?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1122字,纯文字阅读大概需要2分钟。
内容图文
我有一个简单的视频标签:
<video id="video-1" poster="img/video/poster-1.jpg" preload="none">
<source src="http://player.vimeo.com/external/the_video-id" type="video/mp4">
</video>
我通过javascript按钮播放
$('[data-play-video]').click(function(){
var video_id = $(this).data('playVideo');
var video_control = $(video_id)[0];
video_control.play();
});
该视频可以在桌面和iPhone的全屏播放器中内联播放.在iPad上,它可以内联播放,但我希望它在默认的iOS视频播放器中以iPhone一样的全屏播放.我该如何实现?
我知道webkit-playsinline属性可用于强制视频在iPhone上内联播放. (HTML5 inline video on iPhone vs iPad/Browser)和(Can I avoid the native fullscreen video player with HTML5 on iPhone or android?)
但是,我要相反:在所有iOS和Android设备上以默认的iPhone全屏格式播放视频.
解决方法:
您可以使用webkitEnterFullscreen()方法.
var vid;
function init() {
vid = document.getElementById("myVideo");
vid.addEventListener("loadedmetadata", addFullscreenButton, false);
}
function addFullscreenButton() {
if (vid.webkitSupportsFullscreen) {
var fs = document.getElementById("fs");
fs.style.visibility = "visible";
}
}
function goFullscreen() {
vid.webkitEnterFullscreen();
}
内容总结
以上是互联网集市为您收集整理的javascript-在iPad和Android平板电脑上强制全屏HTML5视频播放?全部内容,希望文章能够帮你解决javascript-在iPad和Android平板电脑上强制全屏HTML5视频播放?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。