Question

我有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>

当我点击它在当前页面中播放的视频时。相反，我想要在全屏幕的新标签页中打开该特定视频。我如何实现这一目标？

Answer 1

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

我认为没有JS就可以做到这一点。

这已经得到了解答： How to play video in a new tab?

如果这不起作用，我会建议你分享你的代码。

Answer 2

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

你可以做的最接近的事情是：使用CSS，在新选项卡中，视频将宽度和高度设置为身体的100％。

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

window.onload = playVideo();

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

https://jsfiddle.net/7Lbhm2va/

点击视频时需要在新标签中播放视频

2 个答案: