<\/title>\n<link href=\"css\/style.css\" rel=\"stylesheet\" \/><script src=\"\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.5.2\/jquery.min.js\" type=\"b6528915bf2a187baf8afbd4-text\/javascript\"><\/script><\/p>\n<div id=\"demo-top-bar\">\n<div id=\"demo-bar-inside\">\n<h2 id=\"demo-bar-badge\"><a href=\"\/\">CSS-Tricks Example<\/a><\/h2>\n<div id=\"demo-bar-buttons\"><a class=\"header-button\" href=\"\/play-sound-on-hover\/\">\u2190 Back to Article<\/a><\/div>\n<\/div>\n<\/div>\n<div id=\"page-wrap\">\n<header>\n<div class=\"inside\">\n<h1>Play Audio on :hover<\/h1>\n<p>We’re going to use HTML5 here, no Flash. We’ll need an audio element with both MP3 (WebKit, IE) and OGG (Firefox, Opera).<\/p>\n<pre>\r\n\r\n<code><audio controls preload=\"auto\">\r\n\t<source src=\"http:\/\/harissa.com\/news\/sites\/default\/files\/91.mp3\" controls><\/source>\r\n\t<source src=\"audio\/beep.ogg\" controls><\/source>\r\n\tonmouseover=\"EvalSound('sound1')\" onmouseout=\"StopSound('sound1')\"\r\nYour browser isn't invited for super fun audio time.\r\n<\/audio><\/code><\/pre>\n<p>We’re using jQuery in this demo to make selecting things and events easier, but the .play() function is native. You probably wouldn’t show the audio element, that’s for demo purposes only, <strong>just remove the control attribute to not show anything.<\/strong><\/p>\n<\/div>\n<\/header>\n<section id=\"one\">\n<div class=\"inside\">\n<script type=\"b6528915bf2a187baf8afbd4-text\/javascript\">var beepOne = $(\"#beep-one\")[0];\n$(\"#nav-one a\")\n\t.mouseenter(function() {\n\t\tbeepOne.play();\n\t});<\/script><\/div>\n<\/section>\n<section id=\"three\">\n<div class=\"inside\">\n<script type=\"b6528915bf2a187baf8afbd4-text\/javascript\">var beepThree = $(\"#beep-three\")[0];\n$(\"#nav-three a\")\n\t.mouseenter(function() {\n\t\tbeepThree.pause();\n\t\tbeepThree.play();\n\t});<\/script><\/div>\n<\/section>\n<section id=\"two\">\n<div class=\"inside\">\n<h2>Cloned <audio>, one for each menu item<\/h2>\n<p>Smoothest but not perfect.<\/p>\n<ul class=\"nav\" id=\"nav-two\">\n<li><a href=\"#\">Home<\/a>\n<p>\t<audio controls=\"\" id=\"beep-two\" preload=\"auto\"><source controls=\"\" src=\"http:\/\/harissa.com\/news\/sites\/default\/files\/91.mp3\" \/><source controls=\"\" src=\"audio\/beep.ogg\" \/>Your browser isn’t invited for super fun time.<\/audio>\n\t<\/li>\n<li><a href=\"#\">About<\/a><\/li>\n<li><a href=\"#\">Clients<\/a><\/li>\n<li><a href=\"#\">Contact Us<\/a><\/li>\n<\/ul>\n<p> <\/p>\n<p> <\/p>\n<p><script type=\"b6528915bf2a187baf8afbd4-text\/javascript\">$(\"#nav-two a\")\n .each(function(i) {\n if (i != 0) {\n $(\"#beep-two\")\n .clone()\n .attr(\"id\", \"beep-two\" + i)\n .appendTo($(this).parent());\n }\n $(this).data(\"beeper\", i);\n })\n .mouseenter(function() {\n $(\"#beep-two\" + $(this).data(\"beeper\"))[0].play();\n });\n$(\"#beep-two\").attr(\"id\", \"beep-two0\");<\/script><\/div>\n<\/section>\n<\/div>\n<style style=\"display: none !important;\" type=\"text\/css\">* {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tbody {\n\t\toverflow-x: hidden;\n\t}\n\t#demo-top-bar {\n\t\ttext-align: left;\n\t\tbackground: #222;\n\t\tposition: relative;\n\t\tzoom: 1;\n\t\twidth: 100% !important;\n\t\tz-index: 6000;\n\t\tpadding: 20px 0 20px;\n\t}\n\t#demo-bar-inside {\n\t\twidth: 960px;\n\t\tmargin: 0 auto;\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t}\n\t#demo-bar-buttons {\n\t\tpadding-top: 10px;\n\t\tfloat: right;\n\t}\n\t#demo-bar-buttons a {\n\t\tfont-size: 12px;\n\t\tmargin-left: 20px;\n\t\tcolor: white;\n\t\tmargin: 2px 0;\n\t\ttext-decoration: none;\n\t\tfont: 14px \"Lucida Grande\", Sans-Serif !important;\n\t}\n\t#demo-bar-buttons a:hover,\n\t#demo-bar-buttons a:focus {\n\t\ttext-decoration: underline;\n\t}\n\t#demo-bar-badge {\n\t\tdisplay: inline-block;\n\t\twidth: 302px;\n\t\tpadding: 0 !important;\n\t\tmargin: 0 !important;\n\t\tbackground-color: transparent !important;\n\t}\n\t#demo-bar-badge a {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 38px;\n\t\tborder-radius: 0;\n\t\tbottom: auto;\n\t\tmargin: 0;\n\t\tbackground: url(\/images\/examples-logo.png) no-repeat;\n\t\tbackground-size: 100%;\n\t\toverflow: hidden;\n\t\ttext-indent: -9999px;\n\t}\n\t#demo-bar-badge:before, #demo-bar-badge:after {\n\t\tdisplay: none !important;\n\t}\n<\/style>\n<p><script src=\"https:\/\/ajax.cloudflare.com\/cdn-cgi\/scripts\/7089c43e\/cloudflare-static\/rocket-loader.min.js\" data-cf-settings=\"b6528915bf2a187baf8afbd4-|49\" defer=\"\"><\/script><\/p>\n<p onmouseover=\"PlaySound('mySound')\" \n onmouseout=\"StopSound('mySound')\">Hover Over Me To Play<\/p>\n<p><audio id='mySound' src='http:\/\/harissa.com\/news\/sites\/default\/files\/91.mp3'\/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS-Tricks Example \u2190 Back to Article Play Audio on :hover We’re going to use HTML5 here, no Flash. We’ll need an audio element with both MP3 (WebKit, IE) and OGG (Firefox, Opera). <audio controls preload=\u00a0\u00bbauto\u00a0\u00bb> <source src=\u00a0\u00bbhttp:\/\/harissa.com\/news\/sites\/default\/files\/91.mp3″ controls><\/source> <source src=\u00a0\u00bbaudio\/beep.ogg\u00a0\u00bb controls><\/source> onmouseover=\u00a0\u00bbEvalSound(‘sound1’)\u00a0\u00bb onmouseout=\u00a0\u00bbStopSound(‘sound1′)\u00a0\u00bb Your browser isn’t invited for super fun audio time. <\/audio> We’re using… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[500],"tags":[],"class_list":["post-63601","post","type-post","status-publish","format-standard","hentry","category-multimedia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>sd | HARISSA.COM<\/title>\n<meta name=\"description\" content=\"CSS-Tricks Example \u2190 Back to Article Play Audio on :hover We're going to use HTML5 here, no Flash. We'll need an audio element with both MP3 (WebKit, IE)\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/harissa.com\/news-wp\/sd\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"sd | HARISSA.COM\" \/>\n<meta property=\"og:description\" content=\"CSS-Tricks Example \u2190 Back to Article Play Audio on :hover We're going to use HTML5 here, no Flash. We'll need an audio element with both MP3 (WebKit, IE)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harissa.com\/news-wp\/sd\/\" \/>\n<meta property=\"og:site_name\" content=\"HARISSA.COM\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/groups\/harissacom\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-28T17:16:45+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#\\\/schema\\\/person\\\/b39019abb0aa5b7647f17008d97c0237\"},\"headline\":\"sd\",\"datePublished\":\"2020-05-28T17:16:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/\"},\"wordCount\":105,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#organization\"},\"articleSection\":[\"Multimedia\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/\",\"url\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/\",\"name\":\"sd | HARISSA.COM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#website\"},\"datePublished\":\"2020-05-28T17:16:45+00:00\",\"description\":\"CSS-Tricks Example \u2190 Back to Article Play Audio on :hover We're going to use HTML5 here, no Flash. We'll need an audio element with both MP3 (WebKit, IE)\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/sd\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"sd\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#website\",\"url\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/\",\"name\":\"HARISSA.COM\",\"description\":\"Le Web des Juifs Tunisiens\",\"publisher\":{\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#organization\",\"name\":\"Harissa.com - Le Web des Juifs Tunisiens\",\"url\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/openpublish_themee_logo-1.gif\",\"contentUrl\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/openpublish_themee_logo-1.gif\",\"width\":235,\"height\":42,\"caption\":\"Harissa.com - Le Web des Juifs Tunisiens\"},\"image\":{\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/groups\\\/harissacom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/harissa.com\\\/news-wp\\\/#\\\/schema\\\/person\\\/b39019abb0aa5b7647f17008d97c0237\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7dd611c5d2a0837f57033276df2e852a07d3d441c5e10b66bf06b2f1332125eb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7dd611c5d2a0837f57033276df2e852a07d3d441c5e10b66bf06b2f1332125eb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7dd611c5d2a0837f57033276df2e852a07d3d441c5e10b66bf06b2f1332125eb?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/harissa.com\\\/news-wp\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"sd | HARISSA.COM","description":"CSS-Tricks Example \u2190 Back to Article Play Audio on :hover We're going to use HTML5 here, no Flash. We'll need an audio element with both MP3 (WebKit, IE)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/harissa.com\/news-wp\/sd\/","og_locale":"fr_FR","og_type":"article","og_title":"sd | HARISSA.COM","og_description":"CSS-Tricks Example \u2190 Back to Article Play Audio on :hover We're going to use HTML5 here, no Flash. We'll need an audio element with both MP3 (WebKit, IE)","og_url":"https:\/\/harissa.com\/news-wp\/sd\/","og_site_name":"HARISSA.COM","article_publisher":"https:\/\/www.facebook.com\/groups\/harissacom","article_published_time":"2020-05-28T17:16:45+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"admin","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/harissa.com\/news-wp\/sd\/#article","isPartOf":{"@id":"https:\/\/harissa.com\/news-wp\/sd\/"},"author":{"name":"admin","@id":"https:\/\/harissa.com\/news-wp\/#\/schema\/person\/b39019abb0aa5b7647f17008d97c0237"},"headline":"sd","datePublished":"2020-05-28T17:16:45+00:00","mainEntityOfPage":{"@id":"https:\/\/harissa.com\/news-wp\/sd\/"},"wordCount":105,"commentCount":0,"publisher":{"@id":"https:\/\/harissa.com\/news-wp\/#organization"},"articleSection":["Multimedia"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/harissa.com\/news-wp\/sd\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/harissa.com\/news-wp\/sd\/","url":"https:\/\/harissa.com\/news-wp\/sd\/","name":"sd | HARISSA.COM","isPartOf":{"@id":"https:\/\/harissa.com\/news-wp\/#website"},"datePublished":"2020-05-28T17:16:45+00:00","description":"CSS-Tricks Example \u2190 Back to Article Play Audio on :hover We're going to use HTML5 here, no Flash. We'll need an audio element with both MP3 (WebKit, IE)","breadcrumb":{"@id":"https:\/\/harissa.com\/news-wp\/sd\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harissa.com\/news-wp\/sd\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/harissa.com\/news-wp\/sd\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/harissa.com\/news-wp\/"},{"@type":"ListItem","position":2,"name":"sd"}]},{"@type":"WebSite","@id":"https:\/\/harissa.com\/news-wp\/#website","url":"https:\/\/harissa.com\/news-wp\/","name":"HARISSA.COM","description":"Le Web des Juifs Tunisiens","publisher":{"@id":"https:\/\/harissa.com\/news-wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harissa.com\/news-wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/harissa.com\/news-wp\/#organization","name":"Harissa.com - Le Web des Juifs Tunisiens","url":"https:\/\/harissa.com\/news-wp\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/harissa.com\/news-wp\/#\/schema\/logo\/image\/","url":"https:\/\/harissa.com\/news-wp\/wp-content\/uploads\/2026\/09\/openpublish_themee_logo-1.gif","contentUrl":"https:\/\/harissa.com\/news-wp\/wp-content\/uploads\/2026\/09\/openpublish_themee_logo-1.gif","width":235,"height":42,"caption":"Harissa.com - Le Web des Juifs Tunisiens"},"image":{"@id":"https:\/\/harissa.com\/news-wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/groups\/harissacom"]},{"@type":"Person","@id":"https:\/\/harissa.com\/news-wp\/#\/schema\/person\/b39019abb0aa5b7647f17008d97c0237","name":"admin","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/7dd611c5d2a0837f57033276df2e852a07d3d441c5e10b66bf06b2f1332125eb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7dd611c5d2a0837f57033276df2e852a07d3d441c5e10b66bf06b2f1332125eb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7dd611c5d2a0837f57033276df2e852a07d3d441c5e10b66bf06b2f1332125eb?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/harissa.com\/news-wp"]}]}},"_links":{"self":[{"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/posts\/63601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/comments?post=63601"}],"version-history":[{"count":0,"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/posts\/63601\/revisions"}],"wp:attachment":[{"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/media?parent=63601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/categories?post=63601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/harissa.com\/news-wp\/wp-json\/wp\/v2\/tags?post=63601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}