javascript - 制作视频作为我的网站图标播放

Question

This插件可以使用以下代码制作视频作为您网站的图标播放:

var favicon=new Favico();
var video=document.getElementById('videoId');
favicon.video(video);
//stop
favicon.video('stop');

这是 Github页面。

我试图让视频在没有任何输入的情况下自动播放，但是不幸的是，我无法让它与我的网站一起使用。
P.s:我只是一个初学者，所以如果有人有任何建议或者可能是 fiddle 来解决这个问题，那就太好了!

Answer 1

您是否尝试过使用 video.play() 功能？请参阅:http://www.w3schools.com/tags/av_met_play.asp

因为我没有你的视频要测试，也许你可以试试这个？

favicon.video(video.play());

或者在视频标签中添加“autoplay”关键字。请参阅:http://www.w3schools.com/tags/att_video_autoplay.asp

<video id="videoId" controls autoplay>...</video>

然后给视频添加一个onended事件，这样视频播放完就停止了。否则，它可能会尝试在 favicon.video(video); 函数之后立即停止，从而给人一种它根本没有开始播放的错觉。它可能正在开始，然后在几毫秒后停止。

video.onended = function() {
    favicon.video('stop');
};

(移动设备注意:根据构建视频播放器的经验，我发现自动播放功能无法在所有移动设备上运行。Apple 阻止它是为了防止网站自动消耗用户每月分配的带宽。所以移动用户必须按下视频播放按钮，才能在 iPhone 和 iPad 上开始播放视频。)