用戶點擊圖像，視頻開始播放

我有一個圖像，我想要將圖像鏈接到嵌入的YouTube視頻，例如，如果用戶點擊圖像，它會開始播放圖片的地方以前是。用戶點擊圖像，視頻開始播放

<div id="myvideo"> 
    <a href="http://www.youtube.com/watch?v=Msef24JErmU&playnext_from=TL&videos=dgzKE_Lyv7o"> 
    <img src="starryeyedsurprise.jpg"></a> 
</div>

就像上面的代碼一樣，除了不僅僅是超鏈接。所以我知道我必須的JavaScript替換什麼在#myvideo有：

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Msef24JErmU&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Msef24JErmU&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

，然後自動開始播放。我想我並不需要它是一個YouTube視頻本身，我可以在自己的網站上託管視頻（音量太低，我不必擔心每隔一段時間就會提供一個視頻）。

來源

2010-05-11 Phillip Senn

只需使用：

$("#myvideo").html('<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Msef24JErmU&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Msef24JErmU&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>');

...爲onclick處理。例如：

<a href='javascript:void(0);' onclick='DoVideoSwap();'> ... </a>

這將用視頻替換圖像內容。

來源

2010-05-11 21:29:34

感謝喬治！我現在再次提出這個問題，我已經接近你的幫助。 – 2010-05-13 15:10:40

您可以使用此

<script type="text/javascript"> 

    var em = '<video width="640" height="360" controls="controls" autoplay="autoplay"><source src="../video/video.mp4" type="video/mp4"><object data="" width="640" height="360"><embed width="640" height="360" src="http://something.com/video/video.mp4"> </object> </video>'; 

    function playVid() { 
     document.getElementById('videocontainer').innerHTML = em 
    } 
</script> 
<div> 
    <span id="videocontainer" onclick="playVid();"> 
     <sc:FieldRenderer ID="FieldRenderer2" runat="server" key="Title" FieldName="Image" /> 
    </span> 
</div>

來源

2017-11-30 12:44:55 cactus

用戶點擊圖像，視頻開始播放

回答

相關問題