我有一个训练程序,我正在尝试在iFrame中显示YouTube视频,自动播放它,并在视频完成时前进到下一页。我可以让onYouTubeIframeAPIReady函数触发,但其他事件都不会。实际上,我只对状态改变感兴趣。 var tag = document.createElement('script');
tag.src = 'https://www.youtube.com/iframe_api';
tag.id = 'apiScript';
var firstScriptTag = document.getE
当您更改YouTube视频ID时,相同的代码的行为会有所不同。
问题是当您拉动进度滑块时,它会在一个视频上触发onStateChange事件,而不会触发另一个视频。检查下面的两个示例,并尝试在这两个示例上提取时间滑翔机,并查看您的console.log。
为什么当你拉动时间滑块时,只有一个视频对onStateChange有反应?
两个视频对播放/暂停按钮都有很好的反应,但不是时间滑块.只有一个在工作。
我是不是遗漏了什么?任何帮助都是非常感谢的
Youtube代码1(工作): ()
<!-- 1. The <iframe> (and video player) will re
由于我的Youtube API代码不起作用,我决定从头开始,并尝试使用的示例代码
所以我只是嵌入了播放器,它应该会在6秒后暂停。这是示例播放器代码的摘录
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
events: {
'o
当用户点击按钮时,我使用此代码将youtube视频fadeIn到#vid div中,并自动播放它。它在所有浏览器中都能完美工作,但由于某种原因,当我尝试点击Opera10.5中的按钮时,什么也没有发生。你知道哪里出了问题吗?如何修复它?
Javascript:
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('vid', {
height: '539',
Aim
其目标是能够调整YouTube JavaScript,使其能够检测视频何时完成初始缓冲区并开始播放。这将触发一个事件,然后该事件将从类中删除Display: none,显示自动播放的视频。这背后的想法是,移动设备不会看到视频,因为手机不允许自动播放,因此我们想隐藏它。由于我使用的平台,我不能使用媒体查询,因为视图端口必须设置为1280 to。
电流进展
我已经厌倦了使用YouTube状态更改来删除显示none。但是,这将在缓冲区启动时删除视频,而不是在视频播放时删除。视频仍然显示在移动设备上的意义。
// 2. This code loads the IFrame Player API
我正在使用Youtube API,以便通过以下示例生成视频:
HTML:
<div id="player"></div>
Javascript:
<script src="http://www.youtube.com/player_api"></script>
<script>
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Pl
我目前正在使用youtube API调用视频,使用的是:
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF(
"http://www.youtube.com/v
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstS
以下代码可以正确执行,并在所有操作系统和浏览器版本上自动播放和HTML5 youtube视频,但安卓系统中的chrome除外。android操作系统中是否有需要修改的设置或解决方法,以使视频以某种方式自动播放??一定会有办法的。
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var f
我有一个嵌入YouTube视频的网站。我正在使用YouTube player API嵌入我的视频,并将播放器设置为在页面加载时自动播放。我设置了一个listen事件,在当前嵌入的视频播放完成后重定向到下一个视频(我需要重定向到一个新的物理页面,而不是将下一个视频加载到由API创建的现有iframe中,因为每个页面都包含特定于该视频的信息/注释)。
这一切都能完美地工作,但前提是你打开了选项卡。如果你正在收听背景中的视频(它们只是设置为静态图像的音频记录,实际上没有什么可看的),页面会在当前视频结束后正常重定向,但YouTube视频直到你点击标签后才会开始播放。一旦你点击标签,自动播放就会开始,
我需要在我的Wordpress页面中插入媒体库中上传的视频。此视频必须在浏览器视图中自动播放,并在用户滚动时停止。
我试着使用带有自动播放功能的标签,它是可以的。然后,我在我的js文件夹(在主题文件夹中)添加了一个带有Javascript代码的文件,以便添加stop on scroll功能。我怀疑我尝试过的代码只有YouTube链接才能正常工作。
这是我尝试过的代码
//play when video is visible
var videos = document.getElementsByTagName("iframe"), fraction = 0.8;
functio
我用javascript/Youtube API + PHP编写了一个代码,它从mysql服务器获取YT视频ID,并放在javascript中。我注意到只有在当前选项卡中才会重新加载,而不是当我被标出时才会重新加载。它有点混乱的想法,有一个自己的网站,我可以把库到MYSQL,并从那里播放。任何帮助都将不胜感激。
<div id="player"></div>
<script src="http://www.youtube.com/player_api"></script>
var player;
function
我从这里的一篇文章中复制了一段代码,并对其进行了一些修改。自动播放在我的电脑上运行良好(使用javascript),但在iPad上就不行了。我一直在尝试在onYouTubeIframeAPIRead中使用autoplay: 1,但是没有用。 <!-- 1. The <iframe> (and video player) will replace this <div> tag.-->
<div id="player">
</div>
// 2. This code loads the IFrame Player
我一直在寻找一个很好的解决方案。视频自动播放和循环良好的浏览器。但是在iphone或ipad上不起作用。
<div id="about-player"></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var
我正在尝试在加载youtube视频时自动启动它,当它加载完成时,我想让它提醒它已经完成。 这是我的HTML/JS <div id="player"></div>
<script src="http://www.youtube.com/player_api"></script>
<script>
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player =
正如您在my site 中看到的那样
我试图让youtube api通过发出警报来通知我onStateChange中发生的任何事件。使用这个javascript:
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
videoId: '-cSFPIwMEq4',
events: {
'onStateChange': function (event
所以我有这个代码,看起来像这样,可以播放YouTube视频:
// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
// The video to load
var videoID = "XjMQmXAJ3y4"
// Lets Flash from another domain call JavaScript
var params = { allowScriptAccess:
当用户访问页面时,我需要开发自动播放,实际上,我需要应用google:中提供的代码片段。
<html>
<body>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
// 2. This code loads the IFrame Player API code asynchron