简单的HTML5视频在Safari浏览器上播放.但在将其添加到主屏幕(独立WebApp)后,它不起作用.它正在iOS7上运行,但已停止在iOS8上运行.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
body{
margin:0;
}
</style>
</head>
<body>
<video src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" autoplay="autoplay" controls="true" webkit-playsinline />
</body>
</html>
请帮忙.这有什么解决方案吗？
我想在YouTube上嵌入一个不属于我的视频(因此我无法在YouTube上进行更改).视频的缩略图不代表视频(我指的是在您嵌入视频时显示的初始静止图像,在用户播放之前显示).
有没有办法设置静止的时间,例如我尝试过,?s=XXX但这不起作用.或者是YouTube原生的另一种方式？
当我在我的网站上为自己的YouTube视频(IFrame API)设置自动播放时为true时,它不起作用.所有文档都说苹果因带宽原因禁用ios上的自动播放.
但是,我发现iPad上的youtube.com上的视频会自动播放(不会点击视频元素).YouTube是如何使其发挥作用的？很难想象Apple会为YouTube做些特别的事情.
我使用以下HTML5和JQuery代码来播放其URL位于数组URLArray []中的视频播放列表.
function NextFrag(){
if (index < URLArray.length)
{
$("#VideoContainer").html('<video id="video1" controls autoplay width="95%"> "<source src= "'+ URLArray[index]+ '" type="video/mp4"></source> </video>' );
index++;
$("#video1").bind( "ended", NextFrag);
}
}
我们知道所有手机都禁用了HTML5的自动播放功能,因此我必须在手机上手动播放每个视频片段.这绝对是我不想要的.
我真的想知道替代方案.我真的很感兴趣的代码段,我可以包括自动播放,而不涉及用户进行交互.
是否可以将其转换为Android应用程序才能工作.我真的需要让它像播放列表一样工作,我不关心如何,我只需要这个功能.
请帮忙.
在除了用户执行的点击事件处理程序之外的任何情况下,我似乎无法在iOS 4.2.1上的Mobile Safari中播放音频媒体.即使这样,如果player.play()以任何异步方式(ajax, setTimeout等)调用它也不起作用.
我已经打过电话player.load()前player.play().我已经尝试在其处理程序调用的dom元素上触发click事件player.play().我尝试过使用音频和视频标签.
iOS 4.2.1之前的所有漏洞似乎都已关闭.有任何想法吗？
我正在使用HTML5中的标签在网络浏览器上播放视频......(我对这个新功能印象非常深刻)
是否有通过Javascript更改正在播放的视频的功能？假设当我从列表中选择另一个视频时,将调用一个Javascript函数,该函数将包含一些内容MyVideo.VideoLocation = //location of new video to be played.这可能吗？
谢谢和问候,Krt_Malta
我遇到了一个有趣的问题,即我的视频是无法在后iPad的播放.appendTo或.detach.它显示一个播放按钮,但是当按下播放按钮时,没有任何反应.
Jsfiddle http://jsfiddle.net/LHTb5/1/
HTML
<video id="video1">
<source id="mp4" src="https://s3.amazonaws.com/s3hub-1b3c58271cb3e0dfa49d60cae0ac8b86ade30aed6294bdb5fe682e2bf/HTML5/sintel_trailer-480.mp4" type="video/mp4"/>
</video>
<div id="new"></div>
使用Javascript
?$(document).ready(function(){
$("#video1").appendTo($("#new"));
});?
编辑
好的伙计们,对于什么是有效的,什么是无效的,有一些混乱.让我让它变得非常简单.
http://jsfiddle.net/LHTb5/2/ <---有效
http://jsfiddle.net/ecbUP/ <----不起作用
与html,标签或自动播放没有任何关系.这只是一个简单的事情,让iPad无法播放.我只是想知道为什么,或者如何做.appendTo或者.detach让它工作.
我在iPad上的iFrame API有问题(iOS 7,Safari浏览器).当我尝试使用'player.playVideo()'命令启动视频时,当我调用'player.getPlayerState()'命令(说它正在缓冲)时,播放器变为黑色并返回'3'状态.
点击大红色YouTube按钮有效,但使用'playVideo()'命令不起作用.这可以在Google自己的YouTube API演示页面上重现:https://developers.google.com/youtube/youtube_player_demo
确保显示iFrame,然后点击播放器下方的蓝色"播放"按钮.在桌面浏览器上,这可以正常工作,但在iOS7 iPad上失败.
我需要'playVideo()'命令来控制无边框播放器(无控件).有任何想法吗？
检测浏览器是否支持嵌入媒体文件的自动播放的最佳方法是什么？
在iOS(可能还有Android)设备上使用youtube javascript API,如果您在用户点击视频之前调用playVideo(),则视频会处于不良状态并且基本无用.如果要在页面加载后自动播放视频,或者您可能有自己的播放/暂停按钮,则可以执行此操作.
有很多关于如何使自动播放工作的讨论(见下文),但另一种解决方法是检测何时不应该调用它.显而易见的答案是使用用户代理字符串检测特定设备或操作系统,但我想知道是否有更好的方法来执行此操作.
相关文章:
我在简单的单页网站中使用YouTube API.我能够播放视频,我的所有YouTube功能都可以在桌面浏览器中成功运行(IE 7除外 - 也许这个问题会在你帮我回答这个问题时得到解决)但它似乎不起作用完全适用于iOS(iPhone和iPad).YouTube播放器根本无法显示,并且在iOS中根本没有关于YouTube功能的回忆.
下面是我的代码实现.如果我提供的任何问题信息对这个问题有帮助,请告诉我.我想在解决此问题时尽可能简单地开始,然后在必要时引入其他信息.
/*==========================================================================
YOUTUBE
========================================================================== */
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var YTready = false,
playerIdList = [],
ytPlayers = {};
// When YouTube API is ready, switch YTready to true and run the queue of videos should any exist
// and run a list of page-specified functions such as carousel setups
var YTreadyFunctions = {};
function onYouTubeIframeAPIReady() {
console.log('YT Ready');
YTready = true;
if (playerIdList.length > 0) …ios ×6
html5 ×5
ipad ×4
javascript ×3
youtube-api ×3
html5-video ×2
jquery ×2
video ×2
youtube ×2
android ×1
ios8 ×1
iphone ×1