如何使用圖像構建自定義視頻播放器？

Question

我需要嵌入視頻到一個網站，但我希望視頻這一形象的空白部分內被打： iphone_wireframe

我該怎麼辦呢？我會將圖片放在視頻後面嗎？或者，還有更好的方法？

我到處搜索過，所有的教程都告訴我如何讓玩家使用按鈕和控件。我不需要那個。

我只想顯示5秒短片來演示我正在處理的應用程序的一些互動，並且我不想製作gif，因爲質量太差，除非我想要一個非常慢的網頁。

在Wista上，我可以將視頻設置爲自動播放和循環，所以我真正需要做的就是將其嵌入圖像中。

我是新來的，所以我不知道我在做什麼。任何幫助表示讚賞。

Answer 1

你有兩種選擇：

• 嵌入
• IFRAME

我更喜歡後者。 w3schools是一個很好的網站，可以幫助使用iframe。只要你必須正確設置寬度。我可以幫助更多，但我需要一個代碼示例。

現在我想到了。你可以嘗試像（不要運行該代碼片段只是展開它）：

<div id="frame" height="1000px" style="background-image:url(filepath from html/url);"> 
 
    <iframe src="*link to video*" style="posistion:absolute;height:1000px;"></iframe> 
 
</div>

希望這是非常有用的。