Javascript Adobe移动动画视频
我正在Adobe Animate中制作HTML5横幅。在这个横幅中,我使用了一个视频。我知道视频不能在iPhone和iPad上自动播放,所以我只想显示一个静态图像,但我不知道如何显示 到目前为止,我使用了剪辑中静止帧的“海报图像”,然而,它在图像顶部显示了播放图标Javascript Adobe移动动画视频,javascript,css,html,jquery-animate,animate-cc,Javascript,Css,Html,Jquery Animate,Animate Cc,我正在Adobe Animate中制作HTML5横幅。在这个横幅中,我使用了一个视频。我知道视频不能在iPhone和iPad上自动播放,所以我只想显示一个静态图像,但我不知道如何显示 到目前为止,我使用了剪辑中静止帧的“海报图像”,然而,它在图像顶部显示了播放图标 我希望你能帮忙 IoS设备只能在用户交互时播放媒体,因此在这种情况下,您需要有一个ipad/iphone探测器来切换图像的可见性 我想你会这么做: 创建图像并附加到视频上(确保是绝对的) 然后在js中添加此代码 // thanks
我希望你能帮忙 IoS设备只能在用户交互时播放媒体,因此在这种情况下,您需要有一个ipad/iphone探测器来切换图像的可见性 我想你会这么做: 创建图像并附加到视频上(确保是绝对的) 然后在js中添加此代码
// thanks to: https://stackoverflow.com/questions/9038625/detect-if-device-is-ios
function iOS() {
var iDevices = [
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod'
];
if (!!navigator.platform) {
while (iDevices.length) {
if (navigator.platform === iDevices.pop()){ return true; }
}
}
return false;
}
if(IOS()) document.getElementById("YOUR_IMAGE_ID").style.display = "block";
这应该可以,请测试一下