0

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

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

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

我想改为：单击自定义播放 > 在 quicktime 中启动的视频

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

4

1 回答 1

0

您只能使用一个按钮打开视频.. 也许对用户来说更好..

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

<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 中，您可以定义视频的不同类型，因为每个浏览器都对此具有另一种兼容性。查看此链接以查看哪个浏览器支持哪种类型的视频。

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

于 2013-06-11T17:20:14.080 回答