2012-11-15 33 views
14

Tôi muốn phát tệp âm thanh trên trang web của mình ở mặt sau (không muốn Giao diện người dùng Media xuất hiện), trang web của tôi sẽ chạy trên Fire-Fox, tôi đã sử dụng phần tử Nhúng và đặt thuộc tính Ẩn thành true <embed name="myMusic" src="Masgon.mp3" type="audio/midi" autostart="false" Hidden="true" loop="true"></embed> vấn đề là không có âm thanh nào được phát trừ khi tôi xóa thuộc tính ẩn trong trường hợp này tệp âm thanh được phát và giao diện người dùng phương tiện truyền thông xuất hiện nhưng tôi không không muốn điều đó.Phát tệp âm thanh trong trang web ở chế độ nền

+0

Tệp có loại âm thanh/mp3 trong khi thuộc tính type có giá trị "audio/midi". các tệp midi có phần mở rộng .mid hoặc .midi. – ehsun7b

Trả lời

20
<audio src="/music/good_enough.mp3"> 
<p>If you are reading this, it is because your browser does not support the audio element.  </p> 
</audio> 

và nếu bạn muốn điều khiển

<audio src="/music/good_enough.mp3" controls> 
<p>If you are reading this, it is because your browser does not support the audio element.</p> 
</audio> 

và cũng sử dụng nhúng

<embed src="/music/good_enough.mp3" width="180" height="90" loop="false" autostart="false" hidden="true" /> 
+0

Xem phần này cho các sự cố Firefox http://stackoverflow.com/questions/6529645/how-to-add-background-music-to-a-web-page. Nhúng nên làm việc nhưng nếu không sử dụng Object – topcat3

+0

Điều này không trả lời vấn đề "trừ khi tôi loại bỏ các thuộc tính ẩn" giải pháp là sử dụng width = 0 và height = 0 –

1

Với tôi vấn đề đã được giải quyết bằng cách loại bỏ các type thuộc tính:

<embed name="myMusic" loop="true" hidden="true" src="Music.mp3"></embed> 

Cernta không phải là cách sạch sẽ nhất.

Nếu bạn đang sử dụng HTML5: MP3 không được Firefox hỗ trợ. Wav và Ogg là mặc dù. Ở đây bạn có thể tìm thấy một cái nhìn tổng quan trong đó trình duyệt hỗ trợ mà các loại âm thanh: http://www.w3schools.com/html/html5_audio.asp

+0

Tôi đã thử nó với một tập tin .wave nhưng nó không hoạt động, cùng một tình huống trên –

8
<audio src="/music/good_enough.mp3" autoplay> 
<p>If you are reading this, it is because your browser does not support the audio element.  </p> 
<embed src="/music/good_enough.mp3" width="180" height="90" hidden="true" /> 
</audio> 

trình đối với tôi tốt.

-2

Chỉ cần tải tệp của bạn lên youtube. Sau đó sao chép mã nhúng từ youtube và dán vào đâu đó trong trang html của bạn.

<iframe width="854" height="480" style="display:none;" src="https://www.youtube.com/embed/yourVideoID?autoplay=1&loop=1&playlist=yourVideoID" frameborder="0" allowfullscreen></iframe>

+0

Không cần phải phụ thuộc vào nguồn bên ngoài. Các câu trả lời cho phép liên kết đến một MP3 có thể được lưu trữ trên cùng một máy chủ sẽ làm tốt. – FluorescentGreen5

4

Mặc dù điều này có thể là quá muộn để bình luận nhưng đây là đoạn code làm việc cho các vấn đề như bạn.

<div id="player"> 
    <audio autoplay hidden> 
    <source src="link/to/file/file.mp3" type="audio/mpeg"> 
       If you're reading this, audio isn't supported. 
    </audio> 
</div> 
+0

Chỉ cần xóa 'điều khiển' khỏi mã của bạn và sẽ hoàn hảo –

+0

@ IvijanStefanStipić Đúng! Không có điểm trong việc thiết lập 'điều khiển' nếu âm thanh là' ẩn' (và trên 'autoplay'). –

Các vấn đề liên quan