进行视频播放为我的网站的favicon

This插件可以进行视频通过使用此代码为您的网站的图标玩：进行视频播放为我的网站的favicon

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

这里的Github页面。

我试图让视频播放自动没有任何输入，但不幸的是我不能让它与我的网站一起工作。 P：我只是一个初学者，所以如果任何人有任何建议，或者小提琴工作，这将是伟大的！

来源

2016-04-08 Zack

我建议你发布你的完整代码：html + js。所以我们可以更好地帮助你。你的文件中是否有一个视频文件，id：'videoId'？ – rubentd

你可以把它变成gif吗？这应该比视频更容易 – JordanHendrix

@darthrubens这里：http://pastebin.com/Rz37QxCr – Zack

你需要一个<video>添加到您的HTML

这里是一个示例代码

<video id="videoId" width="300"> 
    <source src="video.mp4" type="video/mp4"> 
    <source src="video.webm" type="video/webm"> 
    Video tag not supported. Download the video <a href="video.mp4">here</a>. 
</video>

编辑

的秘密就得到这个工作是有同一域的视频，而不是从其他域加载它。

此外，您还需要在标题中添加shortcut icon事先所以在您的标题，你需要添加此

<link rel="shortcut icon" type="image/png" href="icon.png">

在巴有它的关键是这里有一个例子。看看https://j99.in/favicon

来源

2016-04-12 11:16:22

你能给我一个小提琴吗？ – Zack

你为什么不试试？ –

我总是不明白。 – Zack

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

由于我没有视频测试出来，也许你可以试试这个吗？

favicon.video(video.play());

或将“自动播放”关键字添加到视频标签。请参阅：

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

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

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

（移动注：从建立视频播放器的经验，我发现，自动播放不会在所有移动设备上工作Apple阻止它因防止网站自动消耗用户的每月获分配带宽。因此移动用户必须按视频播放按钮，以在iPhone上启动视频&台iPad。）

来源

2016-04-08 18:40:38 Clomp

您需要为您的'

@Rohit我已经添加了'id =“videoId”'，以便它能与Zack的代码一起使用。自动播放是我的'

没问题:)你的文章是有帮助的，所以我upvoted –

-1

这可能对你有帮助

HTML自动播放属性

<video controls autoplay>

示例脚本

<script> 
    var vid = document.getElementById("myVideo"); 

    function playVid() { 
    vid.play(); 
    } 

    function pauseVid() { 
    vid.pause(); 
    } 
</script>

样本HTML：

<video width="320" height="240" controls autoplay> 
<source src="movie.mp4" type="video/mp4"> 
<source src="movie.ogg" type="video/ogg"> 
</video>

仅供参考：click me

来源

2016-04-13 14:45:02

这不是OP要的 –

好吧我刚才没有提出任何问题 –

进行视频播放为我的网站的favicon

回答

相关问题