我试图找出如何在网页中播放视频而不打开iOS本机播放器的方法。我正在Adobe Animate HTML5画布中创建页面。我知道我想使用playsinline,但是我对代码了解得很少,并且在实现它时遇到了麻烦。我的理解是基于此网站:
https://webkit.org/blog/6784/new-video-policies-for-ios/
我已经为此工作了好几天,而Adobe的论坛却无法提供帮助。我什至尝试发布.html / .js文件,然后在Dreamweaver中打开它们,然后寻找手动添加playsinline代码的位置,但似乎无济于事。 我也阅读了这些论坛帖子,但我不太了解它们: use webkit-playsinline in javascript
HTML5 inline video on iPhone vs iPad/Browser
"webkit-playsinline" video tag attribute
这是我的Adobe Animate文件第1帧中的相关代码。我只是想知道在哪里粘贴playsinline代码,或者是否必须用另一种方式做
this.stop();
var nextBtnVAR = this.nextBtn;
var timelineVAR = this;
this.playBtn.addEventListener("click", playVideoFUNC.bind(this));
function playVideoFUNC()
{
$("#video1")[0].src = "videos/2.mp4";
$("#video1")[0].play();
this.pauseBtn.visible = true;
}
this.pauseBtn.addEventListener("click", pauseVideoFUNC.bind(this));
function pauseVideoFUNC()
{
$("#video1")[0].pause();
this.pauseBtn.visible = false;
}
this.nextBtn.addEventListener("click", nextFrameFUNC.bind(this));
function nextFrameFUNC()
{
this.gotoAndStop(2);
}
this.video1.on("added", function()
{
$("#video1")[0].addEventListener('ended', timelineVAR.endedHandler);
}
);
this.endedHandler = function(e)
{
timelineVAR.gotoAndStop(1);
};
答案 0 :(得分:0)
我在这里找到了下载示例:https://dizply.com/responsive-in-banner-video-ad-with-adobe-animate-cc/ 他们是这样做的:
var video = document.createElement('video');
video.setAttribute('playsinline', 'playsinline');