How does DW add a background music player to a Web page?

Source: Internet
Author: User

1, first in the site to create a new HTML project (shown in Figure 1).

Figure 1

2, select Dreamweaver "Design" window, insert-layout object-div label. Click the OK button immediately after the Insert Div Tag dialog box (shown in Figure 3).

Figure 2

Figure 3

3, delete the div tag text content, again: Insert-media-plug-in operation.

Figure 4

4, you can put the music file as you have created a good site, select the music file you want to insert, click "OK" (as shown in Figure 5). Also select OK after the pop-up prompt window (shown in Figure 6).

Figure 5

Figure 6

5, after the successful insertion, select the music plug-in, in the bottom of the page in the property bar to set, such as width and height, etc. (as shown in Figure 7).

Figure 7

6, set properties can be completed after the page preview, click on the top of the page Ball button, select in IE Preview, and according to the prompts to save the page to the site (as shown in Figure 9, 10).

Figure 8

Figure 9

Figure 10

7. Select "Allow blocked content" in IE and choose to run the active content (shown in Figure 11, 12).

Figure 11

Figure 12

8, you can see the player shown in IE, after testing, you can play normally (as shown in Figure 13).

Figure 13

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.