HTML 5 中的video 标签真的很吸引人。我需要知道是否可以让用户切换全屏播放。我不想使用任何其他视频插件。我只需要使用视频标签。那么这可能吗。请帮帮我....
最佳答案
您可以使用以下代码创建一个按钮,使视频进入全屏模式。
Javascript 代码:
<script type="text/javascript">
function goFullscreen(id) {
var element = document.getElementById(id);
if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
</script>
HTML代码:
<video class="video_player" id="player" width="100%" controls="controls" autoplay="autoplay">
<source src="INPUT VIDEO URL HERE"/>
Your browser does not support the HTML5 video tag. Use a better browser!
</video>
<button onclick="goFullscreen('player'); return false">
View Fullscreen!
</button>
关于html - 全屏视频切换 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11171781/