寻找一种在由 HTML、Javascript、PHP 或 CSS 提供支持的视频播放器中显示 youtube 视频的方法。可能是CSS。我不反对下载视频并自己托管它,但我更愿意让谷歌托管它。
有任何想法吗?
嵌入视频时,您可以选择使用“旧嵌入代码”,它使用对象标签而不是 iframe。这是一个例子:
<object width="560" height="315">
<param name="movie" value="http://www.youtube.com/v/aBcDeFg?hl=en_US&version=3"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/aBcDeFg?hl=en_US&version=3" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>
更好的方法:使用 Yahoo Media Player!
只需在页面正文中包含此代码:
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"> </script>
只需在页面正文中添加指向 youtube 视频的链接。然后,当它被点击时,它会播放!此外,如果您添加多个视频/音频文件,那么它会将所有这些文件都包含在播放列表中。更多信息在这里:http ://webplayer.yahoo.com/或更多代码,这里有一个演示:http:
//webplayer.yahoo.com/get/ Shadowpat
截至 2015 年 1 月 27 日之后:将 API 用作目标代码已被弃用:
2015 年 3 月 9 日
该文档已更新,以反映自 2015 年 1 月 27 日起,YouTube 嵌入、YouTube Flash Player API 和 YouTube JavaScript Player API 均已弃用。本文档的多个部分中显示了弃用警告,以帮助读者了解IFrame Player API 作为替代方案。
API 代码可能类似于:
<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '360',
width: '640',
videoId: 'M7lc1UVf-VE'
});
}
</script>
引用和代码均来自:https ://developers.google.com/youtube/player_parameters
在看:https ://developers.google.com/youtube/youtube_player_demo
该页面的源代码显示 API 将播放器作为 html 发出,并带有用于实际视频显示的 video 标签:
<div id="player" style="width: 100%; height: 100%;">
<div class="html5-video-player unstarted-mode ytp-hide-controls" tabindex="-1" id="player_uid_7211231_1" data-version="/yts/jsbin/player-vflC8Yy7I/en_US/base.js" aria-label="YouTube Video Player">
<div class="html5-video-container" data-layer="0">
<video tabindex="-1" class="video-stream html5-main-video" controlslist="nodownload" style="width: 720px; height: 405px; left: 0px; top: -405px;"></video>
</div>
<div class="ytp-gradient-top" data-layer="1"></div>
...
</div>
</div>