使用HTML5< video>标签,视频将“缩放”到全屏,并开始播放任何当前的设备方向.一旦视频播放完毕,用户必须点击一次才能播放播放器控件,然后点击“完成”以返回到网页.
不幸的是,将我的视频上传到YouTube不是这个应用程序的选择,我没有发现一个HTML5视频播放器在视频播放完毕后返回到网站.我希望视频播放器与YouTube嵌入式视频相同,或视频内嵌播放.在定制的UIWebView中强制内联视频是可能的,但不幸的是,这不是一个选项(因为这是一个Web应用程序,而不是本机应用程序).另外,< video>属性webkit-playsinline不起作用.
是否有HTML5视频播放器可以复制嵌入式YouTube视频行为？我没有任何明显的Javascript解决方法吗？有没有办法告诉窗口视频是否完成播放没有用户交互？
编辑：
感谢Jan,这个问题解决了.下面是工作代码,以及一系列错误/注释.
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="utf-8" /> <title>scratchpad</title> </head> <body> <video id="video"> <source src="movie.mp4" type="video/mp4" /> </video> <script type="text/javascript"> document.getElementById('video').addEventListener('ended',function(){document.getElementById('video').webkitExitFullScreen();},false); </script> </body> </html>
我做错了：
1.忘记在< video>中添加ID标签.
2.测试webkitSupportsFullscreen – 我无法让该属性测试为“true”. this forum post的代码中的评论说,
// note: .webkitSupportsFullscreen is false while the video is loading
但是我无法创建一个返回true的条件.
完全错过了this stackoverflow post.
解决方法
所以,“webkitEnterFullScreen()”可能是你的朋友(尽管文档说它的只读)：
iPad上的任何iOS设备都无法进行内联影片(到目前为止).
无论如何,您可以使用事件侦听器检测到Javascript中的视频结束：
document.getElementById('video').addEventListener('ended',videoEndListener,false);
干杯,
一月
原文地址：https://www.jb51.cc/html/230595.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
