点击按钮,快速启动youtube视频。

时间:2013-06-11 15:54:23

标签: jquery ios html5 youtube touch

我正在开发一个拥有大型视频播放器的快速响应网站。 对于桌面视频,我只需在用户点击自定义播放按钮时将图片与youtube交换。

我的问题是: 在触摸设备上,当用户点击自定义播放按钮时,有什么方法可以在预设设备播放器上打开YouTube视频(iOS时为quicktime)?

我想避免:点击自定义播放>点击youtube视频>视频在快速时间播放

我想要代替:点击自定义游戏>视频在快速时间播放

如果你们有一个如何做的想法会有很大的帮助。 非常感谢。

1 个答案:

答案 0 :(得分: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中,您可以定义不同类型的视频,因为每个浏览器都有另外的兼容性。看看这个link,看看哪个浏览器支持哪种类型的视频。

你不必关心发布视频,因为浏览器为他打开了正确的类型。