正文 

当前位置： 首页 > 知识 >

HTML5 将 youtube 速度从 url 提高 2 倍？

     2023-03-14     169

关键词：

【中文标题】HTML5 将 youtube 速度从 url 提高 2 倍？【英文标题】：HTML5 increase youtube speed 2x from url? 【发布时间】：2014-05-01 13:06:11 【问题描述】：

我想知道如何在不点击（视频的）HTML5 的情况下将 youtube 视频加速 2 倍，而是通过修改 URL。

例如，我知道如何通过在 URL 中附加参数 &t=1m1s（1 分 1 秒）来观看从特定时间开始的视频。 是否可以使用类似的方法将视频加速 2 倍？

我应该在URL中添加哪些参数以双速观看视频（我使用的是html5）？

【问题讨论】：

对于任何也尝试这样做的人来说，解决方案chrome.google.com/webstore/detail/html5-video-speed-control/… 您也可以使用书签github.com/sjurgis/Bookmarklets/blob/master/… 【参考方案1】：

您可以通过 url 或更简单的 javascript 从用户输入中注入 shift > 或

【讨论】：

【参考方案2】：

本周早些时候我试图做同样的事情。

不可能完全通过 URL 参数解决问题。 （或者如果是， 它不是这里的文档： https://developers.google.com/youtube/player_parameters)

我来到了 Johan Preynat 的这个 JSFiddle：http://jsfiddle.net/jpreynat/e11oy0eu/

为我工作，所以希望它对你也有用

HTML

<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>

JavaScript

// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// 3. This function creates an <iframe> (and YouTube player)
//    after the API code downloads.
var player;
function onYouTubeIframeAPIReady() 
    player = new YT.Player('player', 
        height: '390',
        width: '640',
        videoId: 'M7lc1UVf-VE',
        events: 
            'onReady': onPlayerReady
        
    );


// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) 
    player.setPlaybackRate(2);
    event.target.playVideo();

另请参阅 YouTube 文档： https://developers.google.com/youtube/iframe_api_reference

【讨论】：

【参考方案3】：

无法通过 URL 参数更改播放速度。

无论如何，如果您使用 HTML，则可以利用 YouTube Player iFrame API。

以下是使用所有 JavaScript 配置播放器的方法： https://developers.google.com/youtube/iframe_api_reference#Getting_Started

这是您正在寻找的用于设置播放速度的函数： https://developers.google.com/youtube/iframe_api_reference#Playback_rate

所以你可以像这样编辑你的 onPlayerReady 函数：

function onPlayerReady(event) 
  player.setPlaybackRate(2); // This is what you're looking for
  event.target.playVideo();

您当然可以继续文档的第 5 步，因为这会在 6 秒后停止播放视频。

如果您在设置时遇到问题，我稍后会编辑 JSFiddle（无法在工作中进行，因为我的 Flash 插件无法启动）。

更新：

这里的 JSFiddle 可以很好地使用这段代码： http://jsfiddle.net/jpreynat/e11oy0eu/

【讨论】：

所以如果你可以嵌入一个播放器（比如在论坛网站上），你可以在 HTML 中添加一个脚本吗？

使用 PHP 从 URL 获取 YouTube 视频 ID

】使用PHP从URL获取YouTube视频ID【英文标题】：GetYouTubevideoIDfromURLw/PHP【发布时间】：2011-11-0511:53:01【问题描述】：我正在尝试创建一个函数，该函数从Wordpress自定义字段（YouTube视频URL的“_videourl”）调用一个值，然后使用PHP修剪... 查看详情

YouTube 视频的播放速度控制？ HTML5？

】YouTube视频的播放速度控制？HTML5？【英文标题】：PlaybackspeedcontrolforYouTubevideos?HTML5?【发布时间】：2012-03-2506:10:19【问题描述】：我需要为youtube视频实现视频播放速度控制器（例如：以1/2速度播放视频），我认为HTML5目前是唯... 查看详情

将 Youtube 视频源显示为 HTML5 视频标签？

】将Youtube视频源显示为HTML5视频标签？【英文标题】：ShowYoutubevideosourceintoHTML5videotag?【发布时间】：2011-07-0615:43:51【问题描述】：我正在尝试将YouTube视频源放入HTML5&lt;video&gt;标记，但它似乎不起作用。经过一番谷歌搜索... 查看详情

从 Youtube Live API 中获取当前流 URL

】从YoutubeLiveAPI中获取当前流URL【英文标题】：GetcurrentstreamURLoutofYoutubeLiveAPI【发布时间】：2015-09-2112:57:23【问题描述】：目前有什么方法可以从YoutubeLiveAPI中获取直播URL？我可以获取id，但似乎无法将其更改为URL。没关系，但我... 查看详情

在 iOS 上使用 HTML5 播放 Youtube

】在iOS上使用HTML5播放Youtube【英文标题】：PlayingYoutubeswithHTML5oniOS【发布时间】：2013-02-0713:14:36【问题描述】：我正在尝试将YouTube视频加载到HTML5标记中。我遇到的问题是我不知道“src”属性应该是什么。在YouTube上使用视频的URL... 查看详情

使用 jQuery 从 URL 获取 YouTube 视频 ID

】使用jQuery从URL获取YouTube视频ID【英文标题】：GetYouTubevideoidfromURLwithjQuery【发布时间】：2011-07-2217:33:56【问题描述】：我正在尝试采用textarea输入，该输入将任何YouTubeURL作为输入并像Facebook一样嵌入视频。我有：vartext=$(\'#content\... 查看详情

从 youtube 嵌入 url 获取 YouTube ID [重复]

】从youtube嵌入url获取YouTubeID[重复]【英文标题】：GetYouTubeIDfromyoutubeembedurl[duplicate]【发布时间】：2019-02-2023:55:05【问题描述】：我只想从以下网址获取youtubeidhttps://www.youtube.com/embed/cqyziA30whE?controls=1&showinfo=0&rel=0&autoplay= 查看详情

嵌入 youtube html5 播放器显示没有全屏按钮

】嵌入youtubehtml5播放器显示没有全屏按钮【英文标题】：embedyoutubehtml5playershowsnofullscreenbutton【发布时间】：2013-05-1123:13:03【问题描述】：我在我的php文件中包含以下YouTube播放器，但播放器未显示全屏按钮。切换到Flash播放器有... 查看详情

如何从 url 获取 youtube 视频 ID

】如何从url获取youtube视频ID【英文标题】：howtogetyoutubevideoidfromurl【发布时间】：2012-05-2210:08:18【问题描述】：我正在尝试检查一个url是否是一个有效的youtube视频URL并从中获取youtube视频ID，到目前为止，我正在使用一个简单的jav... 查看详情

从 Youtube 自定义 URL 获取 ChannelID

】从Youtube自定义URL获取ChannelID【英文标题】：GetChannelIDfromYoutubeCustomURL【发布时间】：2018-03-0612:30:24【问题描述】：有没有什么方法可以通过自定义url（使用YoutubeAPI）来获取Youtube频道的频道ID？例子：自定义url是这样的：https://... 查看详情

如何从 URL 获取 YouTube 视频 ID？

】如何从URL获取YouTube视频ID？【英文标题】：HowdoIgettheYouTubevideoIDfromaURL?【发布时间】：2011-03-2800:33:12【问题描述】：我想使用JavaScript（没有jQuery，纯JavaScript）从YouTube的URL获取v=id。YouTubeURL格式示例http://www.youtube.com/watch?v=u8nQa1c... 查看详情

在变量中获取 YouTube 视频 URL [关闭]

】在变量中获取YouTube视频URL[关闭]【英文标题】：GettingtheYouTubeVideoURLinaVariable[closed]【发布时间】：2012-08-0409:59:37【问题描述】：如何在PHP变量中获取YouTube视频(.flv)路径..假设从youtube视频url它将获取视频可下载url链接..类似这样... 查看详情

如何从 YouTube 频道检索所有视频 URL？ json？

】如何从YouTube频道检索所有视频URL？json？【英文标题】：HowtoretrieveallvideoURLsfromaYouTubechannel?json?【发布时间】：2014-12-1517:58:03【问题描述】：从YouTube频道编译所有视频网址（最好是缩短的YuoTube网址）列表的最简单方法是什么？... 查看详情

我可以从自己的网站将视频上传到 YouTube [关闭]

】我可以从自己的网站将视频上传到YouTube[关闭]【英文标题】：CanIuploadavideotoYouTubefrommyownsite[closed]【发布时间】：2013-02-0818:30:32【问题描述】：是否有一个YouTubeAPI可以让我从我自己的网站上传视频到我的YouTube帐户并返回我可以... 查看详情

正则表达式从 youtube/vimeo url 中提取域和视频 ID

】正则表达式从youtube/vimeourl中提取域和视频ID【英文标题】：Regextoextractdomainandvideoidfromyoutube/vimeourl【发布时间】：2012-03-2202:41:51【问题描述】：我正在复制一个函数，该函数将获取一个youtube/vimeo网址并返回视频来自哪个站点(vi... 查看详情

从 YouTube 搜索查询中返回 URL 作为列表 [关闭]

】从YouTube搜索查询中返回URL作为列表[关闭]【英文标题】：ReturningtheURL\'sasalistfromaYouTubesearchquery[closed]【发布时间】：2015-05-1803:09:32【问题描述】：如何创建一个包含来自普通YouTube文本搜索的视频URL的列表？【问题讨论】：你也... 查看详情

如何从 url 获取 youtube 标题、描述

】如何从url获取youtube标题、描述【英文标题】：Howtogetyoutubetitle,descriptionfromurl【发布时间】：2017-08-1512:42:23【问题描述】：嗨，我想从youtubeurl获取youtube标题和描述到我的android应用程序。我只能拍缩略图...【问题讨论】：发布... 查看详情

将每个新视频从 Google Drive 上传到 YouTube 的脚本

】将每个新视频从GoogleDrive上传到YouTube的脚本【英文标题】：ScripttouploadeverynewvideofromGoogleDrivetoYouTube【发布时间】：2021-05-2217:30:38【问题描述】：我需要帮助来创建一个脚本，以使用机器人将我发送到Google云端硬盘的新视频上传... 查看详情