单击视频时需要在新标签中播放视频答案

【问题标题】：Need to play video in new tab when I click on the video单击视频时需要在新标签中播放视频
【发布时间】：2017-06-25 04:02:40
【问题描述】：

我有一个 html 页面，其中有一组视频。

代码：

<html lang="en">
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title> TEST </title> 
    </head> 
    <body> 
    <h1>Video testing</h1> 
    <a href="#" id ="play-fullscreen" target="_blank" > 
    <video id="test" width="320" height="240" controls> <source src="test.mp4" type="video/mp4"> Your browser does not support the video tag. </video> 
    </a> 
    </body> 
</html>

当我点击它在当前页面播放的视频时。相反，我希望该特定视频在新标签页中全屏打开。我如何做到这一点？

【问题讨论】：

你的代码在哪里？
这会在新标签中打开视频。我想在它打开后立即播放该视频，并且它必须全屏打开。我应该在 Java Script 函数中处理它吗？

标签： javascript html

【解决方案1】：

编辑：这是一个类似的问题。 Auto-play an HTML5 video on Dom Load using jQuery

我认为没有 JS 就无法做到这一点。

这已经被回答了： How to play video in a new tab?

如果这不起作用，那么我建议您分享您的代码。

【讨论】：

测试 title>
视频测试
这会在新标签中打开视频。我想在它打开后立即播放该视频，并且它必须全屏打开。我该如何处理？

【解决方案2】：

您无法在新标签页中打开全屏视频，全屏 API 只能通过用户手势启动。

您可以做的最接近的事情是：使用 CSS，在带有视频的新标签中将宽度和高度设置为主体的 100%。

要自动播放页面加载的视频，您可以执行以下操作：

window.onload = playVideo();

function playVideo() {
    var elem = document.getElementById("test");
    elem.play();
};

https://jsfiddle.net/7Lbhm2va/

【讨论】：

视频测试