在按钮上单击以快速时间启动 youtube 视频。

Question

我正在开发一个带有大型视频播放器的响应式网站。 对于桌面上的视频，当用户单击自定义播放按钮时，我只需将图片与 youtube 交换。

我的问题是： 在触摸设备上，当用户单击自定义播放按钮时，有什么方法可以在预设设备播放器上打开 youtube 视频（在 iOS 的情况下是快速播放）？

我想避免：点击自定义播放 > 点击 youtube 视频 > 在 quicktime 中播放的视频

我想改为：点击自定义播放 > 在 quicktime 中播放视频

如果你们对如何做到这一点有一个想法，那将是非常有帮助的。 非常感谢。

Answer 1

你可以只用一个按钮来打开视频..也许对用户来说更好..

为此，您可以执行以下操作：

<div style="text-align:center"> 
  <button onclick="playPause()">Play/Pause</button>  
  <video id="video1" width="420">
    <source src="mov_bbb.mp4" type="video/mp4"> 
    <source src="mov_bbb.ogg" type="video/ogg">
    <source src="mov_bbb.webm" type="video/webm">
    Your browser does not support HTML5 video.
  </video>
</div> 

Javascript：

var myVideo=document.getElementById("video1"); 

function playPause()
{ 
if (myVideo.paused) 
  myVideo.play(); 
else 
  myVideo.pause(); 
} 

在带有新视频标签的 HTML5 中，您可以定义不同类型的视频，因为每个浏览器都有另外的兼容性。看看这个link，看看哪个浏览器支持哪种类型的视频。

您不必关心启动视频，因为浏览器会为他打开正确的类型。