進行視頻播放爲我的網站的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

回答

相關問題