播放 youtube 视频的 javascript 无法正常工作

标签 javascript html video youtube

html

<html>
<head>
<style type="text/css">    body {    background-color: transparent;    color: white;    }    
</style>    
</head>
<body style="margin:0">    
<embed id="yt" src="http://www.youtube.com/v/6eK-W32IME0?fs=1&hl=en_US&enablejsapi=1" type="application/x-shockwave-flash" width="330" height="200"></embed>
</body>
</html>

我正在运行以尝试播放视频的代码是

var yt = document.getElementById("yt");
yt.playVideo();

我得到的 JS 错误是

TypeError: Object #<HTMLEmbedElement> has no method 'playVideo'

但似乎其他人都是这样做的。怎么回事?

** 编辑 **

jsfiddle

** 编辑 **

The current JSFiddle现在在 pc/mac 上工作正常,但在 iPad 上不行。

最佳答案

我认为您需要添加 &enablejsapi=1到引用视频的 URL 的查询字符串 <embed>对象。

此外,尝试更换您的 <embed>带有 <object> 的元素元素。这是一个 working example .

关于 iOS/Mobile Webkit 的注释:

显然,根据 this answer , Apple 明确禁止在 Safari 或其他 Mobile Webkit 浏览器中自动控制嵌入式媒体,要求 iOS 用户直接与视频对象交互以启动播放。这适用于 objectembed元素,以及 HTML5 videoaudio元素。

关于播放 youtube 视频的 javascript 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9949623/

相关文章:

javascript - jquery 未在外部 js 文件中与 Rails 一起运行

javascript - 按下下一张幻灯片按钮时如何为屏幕上的幻灯片设置动画?

ios - 如何在 Iphone Phonegap 中播放内联视频

video - 为视频编码选择像素格式有何影响?

javascript - 模拟连接错误

javascript - var = true 不会传递给另一个函数

javascript - 在文档之间移动整个 html 页面上下文

html - Navbar:三 Angular 形的位置和背景颜色(CSS)

html - 悬停时无法显示按钮

video - FFMPEG - 带有背景的淡化文本